/* # Template - JV Hosting # @version 1.0.3 # ------------------------------------------------------------------------ # author Open Source Code Solutions Co # copyright Copyright (C) 2011 joomlavi.com. All Rights Reserved. # @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL or later. # Websites: http://www.joomlavi.com # Technical Support: http://www.joomlavi.com/my-tickets.html -------------------------------------------------------------------------*/ @import url("font-awesome.min.css"); @import url("css3.css"); @font-face { font-family: 'karatregular'; src: url('../fonts/karat-reg.eot'); src: url('../fonts/karat-reg-1.eot') format('embedded-opentype'), url('../fonts/karat-reg.woff2') format('woff2'), url('../fonts/karat-reg.woff') format('woff'), url('../fonts/karat-reg.ttf') format('truetype'), url('../fonts/karat-reg.svg') format('svg'); font-weight: normal; font-style: normal; } /*========== Basic ===========*/ *{ outline: none!important;} body, #block-bottomb .title-module, .jv-videolink .video-wrap .caption a, .jv-pricingtable.homepage .jv-table-item .jv-table-head .jv-table-title, #block-mainnav .title-module, .tHosting.icon small {font-family: 'karatregular', sans-serif !important; font-size: 14px; font-weight: 100; line-height: 1.35; color: #666} img { max-width: 100%;} p { margin-bottom: 20px;} section{ margin-bottom: 0;} .sidebar .jv-module { margin-bottom:40px; } .form-control { border-radius: 2px;} a, a:hover, a:active, a:visited, a:focus {text-decoration: none !important;} .bgGray {background-color: #f8f8f8; border: 1px solid #ebebeb; border-width: 1px 0 1px 0; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .jvresslide .descriptions .badget .price, .sidebar .menu .nav-header, .category.table th, .avAudio > a, .k2AuthorsListBlock .abAuthorName, .k2CalendarBlock .calendar td.calendarNavMonthPrev, .k2CalendarBlock .calendar td.calendarNavMonthNext, .k2CalendarBlock .calendar td.calendarCurrentMonth, .k2CalendarBlock .calendar td.calendarDayName, .k2TopCommentersBlock .tcUsername, #switcher .themecolor:before {font-family: 'karatregular', serif; margin-top: 5px; line-height: 1.22;} .font-body {font-family: 'karatregular', sans-serif; } .font-light { font-weight: 100 !important;} .font-bold { font-weight: 700 !important;} .modal { overflow-y: auto; } .modal-header { border-bottom-width: 3px;} .modal-header .close {display: block;width: 34px;height: 34px;margin-top: -6px !important;border: 1px solid #ccc;border-radius: 100%; outline: none !important;} .form-group.ico { position: relative;} .form-group.ico > .fa { position: absolute; height: 20px; width: 20px; text-align: center; line-height: 20px; color: #666; top: 50%; margin-top: -10px; left: 8px;} .form-group.ico > .form-control { padding-left: 30px;} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{display: inline-block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555555;background-color: #ffffff;background-image: none;border: 1px solid #cccccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} textarea { height: auto;} .form-control, .controls input[type="text"],.controls input[type="email"], .controls input[type="url"], .controls input[type="password"], .controls input[type="file"], .controls input[type="number"], .controls select,.controls textarea {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} label {font-weight: normal;} .red, .star { font-weight: normal; color: #c7254e} .modal-body > iframe { width: 100%;} .dropdow-menu { border-radius: 3px;} ul.menu { list-style: none; margin: 0; padding: 0;} #sbox-window { padding: 10px;} #sbox-content iframe { width: 100% !important; height: 100% !important;} #block-top, #block-topb, #block-topc, #block-usertopt, #block-main { padding: 40px 0;} .modal-dialog {margin-right: auto; margin-left: auto; max-width: 100%;} .tHosting { text-transform: uppercase; color: #555555; margin-bottom: 60px;} .tHosting.icon { text-transform: none; position: relative;} .tHosting.icon:before { position: absolute; content: "\f078"; left: 50%; margin-left: -26px; width: 52px; height: 35px; background-color: #fff; text-align: center; line-height: 35px;bottom: -16px;font-size: 18px;color: #ddd;} .tHosting.icon:after {content: ""; display: block; width: 100%; height: 1px; background-color: #eee; margin-top: 28px;} .tHosting.icon small { font-size: 15px; font-weight: 100; display: block; margin-top: 30px; line-height:1.4; padding-bottom: 10px; } .tHostingSub{ font-size: 18px; font-weight: 100; color: #666666; margin-bottom: 40px;} .tHosting + .tHostingSub { margin-top: -40px;} .h-text { font-size: 16px; line-height: 25px; color: #555;} .uppercase { text-transform: uppercase;} .chzn-container { max-width: 100%;} .chzn-container-multi { width: auto !important} .chzn-container-single .chzn-single {background: none;box-shadow: none;border: 1px solid #cccccc;border-radius: 4px;height: 32px;line-height: 30px;} .chzn-container-single .chzn-single div { height: 28px;} .chzn-container-multi .chzn-choices { border-radius: 4px; border-color: #ccc;} .chzn-container-multi .chzn-choices li.search-field input[type="text"] { height: 30px; min-width: 120px;} .chzn-container-multi .chzn-choices li.search-choice { margin-top: 5px;} .chzn-container-single .chzn-single div b { background-position: 0 6px;} .chzn-container-active.chzn-with-drop .chzn-single div b {background-position: -18px 6px;} .list-unstyled { margin: 0;} .badge { font-weight: 100; position: static; width: auto; height: auto; display: inline-block; background-image: none;} .control-group { margin-bottom: 15px;} .star { color: #cbad4b;} .collapse { overflow: hidden;} .radio.btn-group label { margin-right: 15px; margin-left: 4px;} .counter {display: inline-block;margin-top: 20px;padding: 6px 12px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;} .alert-message {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;} .alert-error {color: #a94442;background-color: #f2dede;border-color: #ebccd1;} .tooltip { z-index: 1050;} legend { line-height: 45px;} a.modal { position: static!important; overflow-y: hidden; display: inline;} .exampleItem {margin-bottom: 50px;} .zoom { overflow: hidden;} .btn-pd { margin: 0 5px; padding-left: 38px; padding-right: 38px;} .light { font-weight: 100;} .lineh-20 { line-height: 20px;} .lineh-30 { line-height: 30px;} .lineh-40 { line-height: 40px;} .lineh-50 { line-height: 50px;} .size-16 { font-size: 16px;} .size-18 { font-size: 18px;} .size-24 { font-size: 24px;} .size-40 { font-size: 40px;} .size-50 { font-size: 50px;} .size-60 { font-size: 60px;} .size-70 { font-size: 70px;} .size-80 { font-size: 80px;} .size-90 { font-size: 90px;} .size-100 { font-size: 100px; } .mt-0{margin-top:0!important}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt-60{margin-top:60px}.mt-70{margin-top:70px}.mt-80{margin-top:80px}.mt-90{margin-top:90px}.mt-100{margin-top:100px}.mt-110{margin-top:110px}.mt-120{margin-top:120px}.mt-130{margin-top:130px}.mt-140{margin-top:140px}.mb-0{margin-bottom:0!important}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.mb-60{margin-bottom:60px}.mb-70{margin-bottom:70px}.mb-80{margin-bottom:80px}.mb-90{margin-bottom:90px}.mb-100{margin-bottom:100px}.mb-110{margin-bottom:110px}.mb-120{margin-bottom:120px}.mb-130{margin-bottom:130px}.mb-140{margin-bottom:140px}.pt-0{padding-top:0!important}.pt-10{padding-top:10px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pt-40{padding-top:40px}.pt-50{padding-top:50px}.pt-60{padding-top:60px}.pt-70{padding-top:70px}.pt-80{padding-top:80px}.pt-90{padding-top:90px}.pt-100{padding-top:100px}.pt-110{padding-top:110px}.pt-120{padding-top:120px}.pt-130{padding-top:130px}.pt-140{padding-top:140px}.pb-0{padding-bottom:0!important}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}.pb-60{padding-bottom:60px}.pb-70{padding-bottom:70px}.pb-80{padding-bottom:80px}.pb-90{padding-bottom:90px}.pb-100{padding-bottom:100px}.pb-110{padding-bottom:110px}.pb-120{padding-bottom:120px}.pb-130{padding-bottom:130px}.pb-140{padding-bottom:140px}@media only screen and (max-width:1200px){.mt-lg-0{margin-top:0!important}.mt-lg-10{margin-top:10px}.mt-lg-20{margin-top:20px}.mt-lg-30{margin-top:30px}.mt-lg-40{margin-top:40px}.mt-lg-50{margin-top:50px}.mt-lg-60{margin-top:60px}.mt-lg-70{margin-top:70px}.mt-lg-80{margin-top:80px}.mt-lg-90{margin-top:90px}.mt-lg-100{margin-top:100px}.mt-lg-110{margin-top:110px}.mt-lg-120{margin-top:120px}.mt-lg-130{margin-top:130px}.mt-lg-140{margin-top:140px}.mb-lg-0{margin-bottom:0!important}.mb-lg-10{margin-bottom:10px}.mb-lg-20{margin-bottom:20px}.mb-lg-30{margin-bottom:30px}.mb-lg-40{margin-bottom:40px}.mb-lg-50{margin-bottom:50px}.mb-lg-60{margin-bottom:60px}.mb-lg-70{margin-bottom:70px}.mb-lg-80{margin-bottom:80px}.mb-lg-90{margin-bottom:90px}.mb-lg-100{margin-bottom:100px}.mb-lg-110{margin-bottom:110px}.mb-lg-120{margin-bottom:120px}.mb-lg-130{margin-bottom:130px}.mb-lg-140{margin-bottom:140px}.pt-lg-0{padding-top:0!important}.pt-lg-10{padding-top:10px}.pt-lg-20{padding-top:20px}.pt-lg-30{padding-top:30px}.pt-lg-40{padding-top:40px}.pt-lg-50{padding-top:50px}.pt-lg-60{padding-top:60px}.pt-lg-70{padding-top:70px}.pt-lg-80{padding-top:80px}.pt-lg-90{padding-top:90px}.pt-lg-100{padding-top:100px}.pt-lg-110{padding-top:110px}.pt-lg-120{padding-top:120px}.pt-lg-130{padding-top:130px}.pt-lg-140{padding-top:140px}.pb-lg-0{padding-bottom:0!important}.pb-lg-10{padding-bottom:10px}.pb-lg-20{padding-bottom:20px}.pb-lg-30{padding-bottom:30px}.pb-lg-40{padding-bottom:40px}.pb-lg-50{padding-bottom:50px}.pb-lg-60{padding-bottom:60px}.pb-lg-70{padding-bottom:70px}.pb-lg-80{padding-bottom:80px}.pb-lg-90{padding-bottom:90px}.pb-lg-100{padding-bottom:100px}.pb-lg-110{padding-bottom:110px}.pb-lg-120{padding-bottom:120px}.pb-lg-130{padding-bottom:130px}.pb-lg-140{padding-bottom:140px}}@media only screen and (max-width:1024px){.mt-md-0{margin-top:0!important}.mt-md-10{margin-top:10px}.mt-md-20{margin-top:20px}.mt-md-30{margin-top:30px}.mt-md-40{margin-top:40px}.mt-md-50{margin-top:50px}.mt-md-60{margin-top:60px}.mt-md-70{margin-top:70px}.mt-md-80{margin-top:80px}.mt-md-90{margin-top:90px}.mt-md-100{margin-top:100px}.mt-md-110{margin-top:110px}.mt-md-120{margin-top:120px}.mt-md-130{margin-top:130px}.mt-md-140{margin-top:140px}.mb-md-0{margin-bottom:0!important}.mb-md-10{margin-bottom:10px}.mb-md-20{margin-bottom:20px}.mb-md-30{margin-bottom:30px}.mb-md-40{margin-bottom:40px}.mb-md-50{margin-bottom:50px}.mb-md-60{margin-bottom:60px}.mb-md-70{margin-bottom:70px}.mb-md-80{margin-bottom:80px}.mb-md-90{margin-bottom:90px}.mb-md-100{margin-bottom:100px}.mb-md-110{margin-bottom:110px}.mb-md-120{margin-bottom:120px}.mb-md-130{margin-bottom:130px}.mb-md-140{margin-bottom:140px}.pt-md-0{padding-top:0!important}.pt-md-10{padding-top:10px}.pt-md-20{padding-top:20px}.pt-md-30{padding-top:30px}.pt-md-40{padding-top:40px}.pt-md-50{padding-top:50px}.pt-md-60{padding-top:60px}.pt-md-70{padding-top:70px}.pt-md-80{padding-top:80px}.pt-md-90{padding-top:90px}.pt-md-100{padding-top:100px}.pt-md-110{padding-top:110px}.pt-md-120{padding-top:120px}.pt-md-130{padding-top:130px}.pt-md-140{padding-top:140px}.pb-md-0{padding-bottom:0!important}.pb-md-10{padding-bottom:10px}.pb-md-20{padding-bottom:20px}.pb-md-30{padding-bottom:30px}.pb-md-40{padding-bottom:40px}.pb-md-50{padding-bottom:50px}.pb-md-60{padding-bottom:60px}.pb-md-70{padding-bottom:70px}.pb-md-80{padding-bottom:80px}.pb-md-90{padding-bottom:90px}.pb-md-100{padding-bottom:100px}.pb-md-110{padding-bottom:110px}.pb-md-120{padding-bottom:120px}.pb-md-130{padding-bottom:130px}.pb-md-140{padding-bottom:140px}}@media only screen and (max-width:768px){.mt-sm-0{margin-top:0!important}.mt-sm-10{margin-top:10px}.mt-sm-20{margin-top:20px}.mt-sm-30{margin-top:30px}.mt-sm-40{margin-top:40px}.mt-sm-50{margin-top:50px}.mt-sm-60{margin-top:60px}.mt-sm-70{margin-top:70px}.mt-sm-80{margin-top:80px}.mt-sm-90{margin-top:90px}.mt-sm-100{margin-top:100px}.mt-sm-110{margin-top:110px}.mt-sm-120{margin-top:120px}.mt-sm-130{margin-top:130px}.mt-sm-140{margin-top:140px}.mb-sm-0{margin-bottom:0!important}.mb-sm-10{margin-bottom:10px}.mb-sm-20{margin-bottom:20px}.mb-sm-30{margin-bottom:30px}.mb-sm-40{margin-bottom:40px}.mb-sm-50{margin-bottom:50px}.mb-sm-60{margin-bottom:60px}.mb-sm-70{margin-bottom:70px}.mb-sm-80{margin-bottom:80px}.mb-sm-90{margin-bottom:90px}.mb-sm-100{margin-bottom:100px}.mb-sm-110{margin-bottom:110px}.mb-sm-120{margin-bottom:120px}.mb-sm-130{margin-bottom:130px}.mb-sm-140{margin-bottom:140px}.pt-sm-0{padding-top:0!important}.pt-sm-10{padding-top:10px}.pt-sm-20{padding-top:20px}.pt-sm-30{padding-top:30px}.pt-sm-40{padding-top:40px}.pt-sm-50{padding-top:50px}.pt-sm-60{padding-top:60px}.pt-sm-70{padding-top:70px}.pt-sm-80{padding-top:80px}.pt-sm-90{padding-top:90px}.pt-sm-100{padding-top:100px}.pt-sm-110{padding-top:110px}.pt-sm-120{padding-top:120px}.pt-sm-130{padding-top:130px}.pt-sm-140{padding-top:140px}.pb-sm-0{padding-bottom:0!important}.pb-sm-10{padding-bottom:10px}.pb-sm-20{padding-bottom:20px}.pb-sm-30{padding-bottom:30px}.pb-sm-40{padding-bottom:40px}.pb-sm-50{padding-bottom:50px}.pb-sm-60{padding-bottom:60px}.pb-sm-70{padding-bottom:70px}.pb-sm-80{padding-bottom:80px}.pb-sm-90{padding-bottom:90px}.pb-sm-100{padding-bottom:100px}.pb-sm-110{padding-bottom:110px}.pb-sm-120{padding-bottom:120px}.pb-sm-130{padding-bottom:130px}.pb-sm-140{padding-bottom:140px}}@media only screen and (max-width:767px){.mt-xs-0{margin-top:0!important}.mt-xs-10{margin-top:10px}.mt-xs-20{margin-top:20px}.mt-xs-30{margin-top:30px}.mt-xs-40{margin-top:40px}.mt-xs-50{margin-top:50px}.mt-xs-60{margin-top:60px}.mt-xs-70{margin-top:70px}.mt-xs-80{margin-top:80px}.mt-xs-90{margin-top:90px}.mt-xs-100{margin-top:100px}.mt-xs-110{margin-top:110px}.mt-xs-120{margin-top:120px}.mt-xs-130{margin-top:130px}.mt-xs-140{margin-top:140px}.mb-xs-0{margin-bottom:0!important}.mb-xs-10{margin-bottom:10px}.mb-xs-20{margin-bottom:20px}.mb-xs-30{margin-bottom:30px}.mb-xs-40{margin-bottom:40px}.mb-xs-50{margin-bottom:50px}.mb-xs-60{margin-bottom:60px}.mb-xs-70{margin-bottom:70px}.mb-xs-80{margin-bottom:80px}.mb-xs-90{margin-bottom:90px}.mb-xs-100{margin-bottom:100px}.mb-xs-110{margin-bottom:110px}.mb-xs-120{margin-bottom:120px}.mb-xs-130{margin-bottom:130px}.mb-xs-140{margin-bottom:140px}.pt-xs-0{padding-top:0!important}.pt-xs-10{padding-top:10px}.pt-xs-20{padding-top:20px}.pt-xs-30{padding-top:30px}.pt-xs-40{padding-top:40px}.pt-xs-50{padding-top:50px}.pt-xs-60{padding-top:60px}.pt-xs-70{padding-top:70px}.pt-xs-80{padding-top:80px}.pt-xs-90{padding-top:90px}.pt-xs-100{padding-top:100px}.pt-xs-110{padding-top:110px}.pt-xs-120{padding-top:120px}.pt-xs-130{padding-top:130px}.pt-xs-140{padding-top:140px}.pb-xs-0{padding-bottom:0!important}.pb-xs-10{padding-bottom:10px}.pb-xs-20{padding-bottom:20px}.pb-xs-30{padding-bottom:30px}.pb-xs-40{padding-bottom:40px}.pb-xs-50{padding-bottom:50px}.pb-xs-60{padding-bottom:60px}.pb-xs-70{padding-bottom:70px}.pb-xs-80{padding-bottom:80px}.pb-xs-90{padding-bottom:90px}.pb-xs-100{padding-bottom:100px}.pb-xs-110{padding-bottom:110px}.pb-xs-120{padding-bottom:120px}.pb-xs-130{padding-bottom:130px}.pb-xs-140{padding-bottom:140px}}@media only screen and (max-width:480px){.mt-xxs-0{margin-top:0!important}.mt-xxs-10{margin-top:10px}.mt-xxs-20{margin-top:20px}.mt-xxs-30{margin-top:30px}.mt-xxs-40{margin-top:40px}.mt-xxs-50{margin-top:50px}.mt-xxs-60{margin-top:60px}.mt-xxs-70{margin-top:70px}.mt-xxs-80{margin-top:80px}.mt-xxs-90{margin-top:90px}.mt-xxs-100{margin-top:100px}.mt-xxs-110{margin-top:110px}.mt-xxs-120{margin-top:120px}.mt-xxs-130{margin-top:130px}.mt-xxs-140{margin-top:140px}.mb-xxs-0{margin-bottom:0!important}.mb-xxs-10{margin-bottom:10px}.mb-xxs-20{margin-bottom:20px}.mb-xxs-30{margin-bottom:30px}.mb-xxs-40{margin-bottom:40px}.mb-xxs-50{margin-bottom:50px}.mb-xxs-60{margin-bottom:60px}.mb-xxs-70{margin-bottom:70px}.mb-xxs-80{margin-bottom:80px}.mb-xxs-90{margin-bottom:90px}.mb-xxs-100{margin-bottom:100px}.mb-xxs-110{margin-bottom:110px}.mb-xxs-120{margin-bottom:120px}.mb-xxs-130{margin-bottom:130px}.mb-xxs-140{margin-bottom:140px}.pt-xxs-0{padding-top:0!important}.pt-xxs-10{padding-top:10px}.pt-xxs-20{padding-top:20px}.pt-xxs-30{padding-top:30px}.pt-xxs-40{padding-top:40px}.pt-xxs-50{padding-top:50px}.pt-xxs-60{padding-top:60px}.pt-xxs-70{padding-top:70px}.pt-xxs-80{padding-top:80px}.pt-xxs-90{padding-top:90px}.pt-xxs-100{padding-top:100px}.pt-xxs-110{padding-top:110px}.pt-xxs-120{padding-top:120px}.pt-xxs-130{padding-top:130px}.pt-xxs-140{padding-top:140px}.pb-xxs-0{padding-bottom:0!important}.pb-xxs-10{padding-bottom:10px}.pb-xxs-20{padding-bottom:20px}.pb-xxs-30{padding-bottom:30px}.pb-xxs-40{padding-bottom:40px}.pb-xxs-50{padding-bottom:50px}.pb-xxs-60{padding-bottom:60px}.pb-xxs-70{padding-bottom:70px}.pb-xxs-80{padding-bottom:80px}.pb-xxs-90{padding-bottom:90px}.pb-xxs-100{padding-bottom:100px}.pb-xxs-110{padding-bottom:110px}.pb-xxs-120{padding-bottom:120px}.pb-xxs-130{padding-bottom:130px}.pb-xxs-140{padding-bottom:140px}} .parallax { background-size: cover; background-attachment: fixed;} .paddingWrap { padding: 70px 0;} .tmplComponent #block-main { padding: 0;} .tmplComponent #block-main .container{width: auto;} .subTop { top: -17px;display: inline-block;position: relative;} /*========== Banner Default ===========*/ .banner-default {height: 300px;background: transparent url(../images/banner-default.jpg) no-repeat center;background-size: cover; } .body-framed .banner-default, .body-rounded .banner-default { background-position: center !important;} .on-slide .banner-default {display: none;} /*========== Header ===========*/ #block-header {position: absolute;top: 0;left: 0;right: 0;z-index: 102; background-color: rgba(0,0,0,0.50); height:102px;} #block-header .position {margin-top: 35px;} .flexMenuToggle { display: none;} /*-- Login (module) --*/ #block-header .position-login {} .register-link { display: none;} #block-header .position-login .btn .fa { margin-right: 5px;} .module-login {} .module-register iframe{ min-height: 525px;} .logout-form .dropdown-menu { border-radius: 0; border: none; border-top: 2px solid #ddd; } .logout-form .dropdown-menu .menu { list-style: none; margin: 0; padding: 0;} .logout-form .dropdown-menu .menu li { padding: 2px 15px;} .logout-form .dropdown-menu .menu li a{ display: block; padding: 1px 0; font-size: 12px;} .logout-form .dropdown-menu .dropdown-bottom { padding: 0 15px;} /*-- End login --*/ /*-- Search --*/ #block-header .position-search { padding: 0 10px; margin-left: 10px; position: relative; height: 30px; width: 45px;} #block-header .position-search:before { content: ""; display: block; width: 1px; height: 13px; background-color: #fff; position: absolute; top: 9px; left: 0;} #block-header .position-search .form-control{ border: none; box-shadow: none; font-size: 12px; height: 30px; opacity: 0; width: 0; position: absolute; top: 0;right: 10px; z-index: 2;} #block-header .position-search:hover .form-control{ width: 190px; padding-right: 32px; padding-left: 10px; opacity:1; z-index: 0;} #block-header .position-search .btn { padding: 5px 10px; background-color: transparent; position: absolute; top: 0; right: 10px; border-color: transparent; font-size: 12px; color: #fff; z-index: 1;} /*-- End Search -- */ /*-- Menu top --*/ #block-header .position-menutop { position:absolute !important; border:0px solid #ffffff; top:5px !important; left:48.8%;} #block-header .position-menutop ul{ list-style: none; margin: 0; padding: 0;} #block-header .position-menutop ul li{ display: inline-block; line-height: 30px; font-size: 12px; color: #fff; margin-left: 20px;} #block-header .position-menutop ul li a { color: #fff;} #block-header .position-menutop ul li a:hover { color: #eee;} /*-- End menu top --*/ /*-- Logo --*/ #logo {margin: 25px 0 0 0;display: inline-block;color: #fff;} #logo.logo-bg {background: transparent url('../images/logo.png') no-repeat center;display: inline-block;width: 228px;height: 47px;} #logo.logo-image {max-height: 47px;} #logo:hover {text-decoration: none;} #logo span {display: inline-block;padding-top: 10px;} #logo .text {font-size: 50px;margin-right: 5px;font-weight: 300;} #logo .slogan {font-size: 18px;color: rgba(255,255,255,0.6);} /*-- End logo --*/ #block-mainnav {position: absolute;top: 102px;left: 0;right: 0;background-color: #000;background-color: rgba(0,0,0,0.28);z-index: 100; height: 58px;} #block-mainnav.scroll-to-fixed-fixed { background-color: rgba(0,0,0,0.7);} #block-mainnav .fxmenu{ list-style: none; margin: 0; padding: 0; position: relative;} #block-mainnav .fxmenu:after{ content: ""; display: block; width: 100%; clear: both; float: none;} #block-mainnav .fxmenu li{ display: block; position: relative;} #block-mainnav .fxmenu li.level1 { float: left; margin-left:1px; } #block-mainnav .fxmenu li.level1:first-child { margin:0 !important;} #block-mainnav .fxmenu li.level1 > .level1 { font-family: 'karatregular', sans-serif; font-size: 18px; font-weight: 300; color: #fff; text-transform: uppercase; padding: 0 37px; display: block; line-height: 58px; position: relative; z-index: 1;cursor: pointer;} #block-mainnav .fxmenu a, #block-mainnav .fxmenu .item-text.separator { display: block;} #block-mainnav .fxmenu > li .level1:after{content: ""; display: block; background-color: transparent; position: absolute; top: -2px; left: 0; right: 0; height: 0; z-index: 0; border-top: 2px solid transparent; z-index: 0;} #block-mainnav .fxmenu > li.active .level1::after, #block-mainnav .fxmenu > li:hover .level1::after { background-color: rgba(0,0,0,0.4); height: 60px;} #block-mainnav .fxmenu > li:hover .level1::after { background-color: rgba(0,0,0,0.67);} #block-mainnav .fxmenu > li.active > a, #block-mainnav .fxmenu > li.active > a:hover, #block-mainnav .fxmenu > li.active >a :focus { border-radius: 0; background-color: transparent; position: relative;} #block-mainnav .fxmenu > li > a.fa-home {font-size: 0 !important; text-indent: -9999em; padding-bottom: 14px; padding-left: 24px; padding-right: 24px; line-height: 16px;line-height: 45px !important;} #block-mainnav .fxmenu > li > a.fa-home:before{ position: relative; display: inline-block; margin-top: 20px;font-size: 18px; z-index: 1;text-indent: 0;} span.fx-title {position: relative; z-index: 1;} #block-mainnav .fxmenu span.fx-desc { font-size: 75%; text-transform: uppercase; padding: 0 4px; opacity: 0.9} .fxmenu .iconsubmenu {position: absolute;display: block;right: 5px;color: #efefef;z-index: 1;} .fxmenu .iconsubmenu:before { content: "\f141"} .fxmenu *:hover > .iconsubmenu { color: #fff;} .fxmenu > li > .iconsubmenu, .fxmenu .li-group-title > .iconsubmenu, .fxmenu .group > .iconsubmenu { display: none;} /*level 2*/ #block-mainnav .fxmenu .fx-subitem { display: none;position: absolute;z-index: 1000;padding: 10px;background: #000;background: rgba(0,0,0,0.9);box-shadow: 4px 4px 0 0 rgba(0,0,0,0.35); opacity: 0;} #block-mainnav .fxmenu .level1:last-child .fx-subitem { right: 0;} #block-mainnav .fxmenu li.level1.cols4, #block-mainnav .fxmenu li.level1.cols5, #block-mainnav .fxmenu li.level1.cols6 { position: static;} #block-mainnav .fxmenu .fxcolumns.cols4, #block-mainnav .fxmenu .fxcolumns.cols5, #block-mainnav .fxmenu .fxcolumns.cols6 { left: 0} #block-mainnav .fxmenu .fx-subitem ul { margin:0; padding:0} #block-mainnav .fxmenu .fx-subitem .fxcolumn { float:left; border: none; width:250px; margin:15px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } #block-mainnav .fxmenu .fxcolumns.cols1 .fxcolumn { margin: 0;} #block-mainnav .fxmenu .fxcolumns.cols2 > .insubitem { width:500px;} #block-mainnav .fxmenu .fxcolumns.cols3 > .insubitem { width:750px;} #block-mainnav .fxmenu .fxcolumns.cols4 > .insubitem, #block-mainnav .fxmenu .fxcolumns.cols5 > .insubitem, #block-mainnav .fxmenu .fxcolumns.cols6 > .insubitem { width: 1120px;} #block-mainnav .fxmenu .fxcolumns.cols5 > .insubitem .fxcolumn { width: 20%;} #block-mainnav .fxmenu .fxcolumns.cols6 > .insubitem .fxcolumn { width: 16.6%;} #block-mainnav .fxmenu .fx-subitem .levelsub { color: #fdfdfd; background-color: transparent; display: block; overflow: hidden; position: relative;} #block-mainnav .fxmenu .fx-subitem .levelsub:before {margin-right: 10px; margin-left: 1px; position: relative; z-index: 1;} #block-mainnav .fxmenu .fx-subitem .active > .levelsub { padding-left: 10px;} #block-mainnav .fxmenu .fx-subitem .levelsub:hover, #block-mainnav .fxmenu .fx-subitem .hover > .levelsub, #block-mainnav .fxmenu .fx-subitem .level3.active > .levelsub{ background-color: #bbb; color: #fff; padding-left: 10px;} #block-mainnav .fxmenu .fx-subitem .levelsub:hover::before, #block-mainnav .fxmenu .fx-subitem .hover > .levelsub:before, #block-mainnav .fxmenu .fx-subitem .level3.active > .levelsub:before { margin-right: 17px;} #block-mainnav .fxmenu .fx-subitem .fxsubmenu .group-title {line-height: 30px; border-bottom: 1px solid rgba(255,255,255,0.3); text-transform: uppercase; margin-bottom: 10px; margin-top: 5px; background: transparent !important;padding: 0 !important;} #block-mainnav .fxmenu .fx-subitem .fxsubmenu .group-title:hover { background-color: transparent; padding-left: 0;} #block-mainnav .fxmenu .fx-subitem .levelsub[class*="fa-"]:after { content:""; display:block; width: 60px; height: 60px; position: absolute; top: -14px; left: -46px; background-color: rgba(0, 0, 0, 0); z-index: 0; -moz-transform: rotate(20deg); -webkit-transform: rotate(20deg); -o-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg);} #block-mainnav .fxmenu .fx-subitem .levelsub[class*="fa-"]:hover::after, #block-mainnav .fxmenu .fx-subitem .hover > .levelsub[class*="fa-"]:after, #block-mainnav .fxmenu .fx-subitem .level3.active > .levelsub.levelsub[class*="fa-"]:after { background-color: rgba(0, 0, 0, 0.2);left: -26px;} /*level 3*/ #block-mainnav .fxmenu .fx-subitem .fxsubmenu .level3, #block-mainnav .fxmenu .fx-subitem .fxsubmenu.level2 > .levelsub { line-height: 34px;} #block-mainnav .fxmenu .level1:last-child .fx-subitem .fx-subitem {right: 100%;top: -10px;margin-right: 5px;} #block-mainnav .fxmenu .fx-subitem .fxsubmenu .level3 .fx-subitem { left: 100% !important; top: 0 !important; padding: 0; right: auto;} /*level 4*/ #block-mainnav .fxmenu .fx-subitem .fxsubmenu .level3 .fxcolumn { margin: 0;} #block-mainnav .fxmenu .fx-subitem .fxsubmenu .level3 .fxcolumn .levelsub { padding-left: 15px; padding-right: 15px;} #block-mainnav .fxmenu .fx-subitem .fxsubmenu .level3 .fxcolumn .levelsub.level4:hover::before { margin-right: 10px;} #block-mainnav .fxmenu .fx-subitem .fxsubmenu .level3 .fxcolumn .levelsub:hover::after, #block-mainnav .fxmenu .fx-subitem .fxsubmenu .level3 .fxsubmenu.hover .levelsub:after { display: none; } #block-mainnav .fxmenu .fx-subitem .fxsubmenu .level3 .fxsubmenu.hover .levelsub:before {margin-right: 10px;} #block-mainnav .fxmenu .jv-service { color: #fff;} #block-mainnav .fxmenu .jv-service .btn:after { content: "\f105"; margin-left: 4px;} #block-mainnav .fxmenu .jv-service .service-list > div .service-wrap { position: relative; padding: 10px 0;} #block-mainnav .fxmenu .jv-service .service-list > div .service-wrap:before { content: ""; position: absolute; top: 0; right: -15px; height: 100%; width: 1px; background-color: rgba(255,255,255,0.15);} #block-mainnav .fxmenu .jv-service .service-list > div:last-child .service-wrap:before { display: none;} #block-mainnav .fxmenu .jv-service .service-list > div .service-wrap .btn { font-size: 12px; width: auto; display: inline-block; line-height: 16px;} #block-mainnav .fxmenu .jv-service .service-list > div .service-wrap .title { font-family: inherit; font-size: 15px; margin-bottom: 5px; margin-top: 10px;} #block-mainnav .fxmenu .jv-service .service-list > div .service-wrap .desc { font-size: 12px; font-weight: 100; margin-bottom: 15px; color: rgba(255,255,255,0.8);} #block-mainnav .fxmenu .jv-service .service-text { font-size: 13px;color: #fff;font-weight: normal;padding-top: 10px;position: relative;margin-top: 15px;} #block-mainnav .fxmenu .jv-service .service-text:before { content:""; height: 1px; position: absolute; top: 0; display: block; left: 15px; right: 15px; background-color: rgba(255,255,255,0.15)} #block-mainnav .fxmenu .jv-service .service-text a { font-weight: 100; display: inline-block; color: #fff;} #block-mainnav .fxmenu .jv-service .tHosting {font-size: 16px;margin-top: 0;color: #fff;font-weight: 100;margin-bottom: 30px;} #block-mainnav .fxmenu .jv-service .col-md-12.text-center h2 {font-size: 16px;margin-top: 0;color: #fff;font-weight: 100;margin-bottom: 30px;} #block-mainnav .fxmenu .jv-service div >p { margin-bottom: 0;} .jv-service.support-team { position: relative;} .jv-service.support-team:before { content: ""; width: 1px; display: block; top: 0; bottom: 0; left: -15px; background: rgba(255,255,255,0.15); position: absolute;} .jv-service.support-team .service-list .style-1 .service-icon { font-size: 50px; margin-bottom: 20px} .jv-service.support-team .service-list .style-1 .list { text-align: left; padding-left: 5px;} .jv-service.support-team .service-list .style-1 .list > div { border-bottom:1px solid rgba(255,255,255,0.15); padding: 11px 0} .jv-service.support-team .service-list .style-1 .list > div:last-child { border: none;} #block-mainnav .fxmenu .icon-services { text-align: center; padding-top: 30px;} #block-mainnav .fxmenu .icon-services + div { position: relative;} #block-mainnav .fxmenu .icon-services + div:before { content: ""; position: absolute; left: 1px; top: 0; bottom: 0; display: block; width: 1px; background-color: rgba(255,255,255,0.15);} /*jv-module*/ #block-mainnav .title-module {color: #fdfdfd;display: block;border-bottom: 1px solid rgba(255,255,255,0.3);text-transform: uppercase;margin: 5px 0 10px;line-height: 34px;font-size: 14px;} #block-mainnav .contentmod { line-height: 18px; font-size: 13px; color: #fff; font-weight: 100;} /*Module color*/ .themecolor { margin: 0 -3px 0 -2px;} .themecolor > a {float: left;width: 37px;margin: 0 2px 5px 3px;height: 37px;overflow: hidden;border: 2px solid #f4f4f4; position: relative} .themecolor > a:hover {border-color: #fff} .themecolor > a.turquoise { background-color: #1abc9c} .themecolor > a.alizarin { background-color: #cbad4b} .themecolor > a.carrot { background-color: #e67e22} .themecolor > a.emerland { background-color: #3ed37d} .themecolor > a.peter-river { background-color: #3498db} .themecolor > a.amethyst { background-color: #9b59b6} .themecolor > a.green { background-color: #b2d231 } .themecolor > a.custom {display: none !important;} .themecolor > a:before { content:""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom:0; border: 1px solid rgba(0,0,0,0.1);} .themecolor > a:hover::before { border-width: 16px;} .themecolor > a img { display: none;} /*========== Modules ===========*/ .title-module { text-transform: uppercase; margin-bottom: 20px;} .title-module small, .title-module .small { font-weight: 100; margin: 0 10px;} .responsive-slider > .items > li { height: auto;} .jvresslide .items li[class*="k2"], .jvresslide .items li[class*="article"]{ background-size: cover; background-position: center; overflow: hidden;} .jvresslide .items li[class*="k2"]:before, .jvresslide .items li[class*="article"]:before { position: absolute; z-index: 1; content: ""; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(37, 26, 16, 0.28);} .jvresslide .items li[class*="k2"] .container, .jvresslide .items li[class*="article"] .container { padding-top: 250px; padding-bottom: 80px; position: relative; z-index: 2; color: #fff;} .jvresslide .items li[class*="k2"] .container .title, .jvresslide .items li[class*="article"] .container .title { position: static;} .jvresslide .items li[class*="k2"] .container img, .jvresslide .items li[class*="article"] .container img { width: 500px; margin-bottom: 20px;border: 3px solid rgba(255,255,255,0.9);} .jvresslide .items li[class*="k2"] .container .content p, .jvresslide .items li[class*="article"] .container .content p { min-height: 38px;} .jvresslide .items li[class*="k2"] .backgorundSlide , .jvresslide .items li[class*="article"] .backgorundSlide { position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; background-size: cover; background-position: center;-webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); } /*Slide show (Home Full Screen)*/ .position-slideshowfull {position: relative;z-index: 0;} .position-slideshowfull .jvresslide > .items > li { opacity: 0; background-size: cover;background-repeat: no-repeat;background-position: center; height: 100%; z-index: 0;} .position-slideshowfull .jvresslide > .items li.active { z-index: 1;} .jvresslide .next, .jvresslide .prev {outline: none;background-image: url(../images/sl-arrow.png);width: 53px;height: 183px;opacity: 0.3;top: 50%;margin-top: -92px;} .jvresslide .next:hover, .jvresslide .prev:hover { opacity: 1;} .jvresslide .next { background-position: right center;} .jvresslide .nav { left: 10px; bottom: 23px;} .jvresslide .nav ul { list-style: none; margin: 0; padding: 0;} .jvresslide .nav li { margin: 0 5px;} .jvresslide .nav .icon > li > a { background-image: none; display: block; width: 12px; height: 12px; background-color: #fff; border-radius: 12px;} .jvresslide .nav .icon > li.active > a { width: 45px; box-shadow: inset 0 2px 1px rgba(0,0,0,0.19);} .jvresslide .btn-outline { background-color: rgba(0,0,0,0.22); border-color: rgba(255,255,255,0.60); color: #fff;} .jvresslide .btn-outline:hover,.btn-outline:focus {color: #fff;} .jvresslide .nav .items .title { top: auto; font-size: 12px; text-transform: uppercase;} /* Update v1.0.2 */ /*Slide contents*/ .position-slideshowfull .jvresslide .descriptions {margin-top: 260px; color: #fff; font-weight: 100;} .jvresslide .descriptions h2{ font-size: 48px;} .jvresslide .descriptions p{ font-size: 16px;} .jvresslide .descriptions p.subTitle { font-size: 28px; font-weight: 100; margin-bottom: 20px} .jvresslide .descriptions .image { display: inline-block; position: relative;} .jvresslide .descriptions .image img { position: relative; z-index: 0;} .jvresslide .descriptions .badget { position: absolute; z-index: 2; width: 134px; height: 134px; border-radius: 100%; background-color: #000; background-color: rgba(0,0,0,0.7);padding-top: 26px; opacity: 0.95;} .jvresslide .descriptions .badget-default.animation { opacity: 0 !important} .jvresslide .active .descriptions .badget-default.animation { opacity: 0.95 !important} .jvresslide .descriptions .badget.badget-primary.animation { opacity: 0 !important;} .jvresslide .active .descriptions .badget.badget-primary.animation { opacity: 0.9 !important;} .jvresslide .descriptions .badget .price { font-size: 38px; line-height: 42px; display: block;} .jvresslide .descriptions .badget.text-left { padding-left: 25px;} .jvresslide .descriptions ul { list-style: none; font-size: 18px; line-height: 28px;} .jvresslide .descriptions span { display: inline-block;} .position-slideshowfull .jvresslide .slide1 .descriptions .image { margin: 75px 0 25px;} .position-slideshowfull .jvresslide .slide1 .descriptions .btn { font-weight: 100; text-transform: uppercase; padding-left: 35px; padding-right: 35px; font-size: 16px;} .jvresslide .btn-icon {padding: 9px 25px 9px 65px;font-size: 16px;font-weight: 100;text-transform: uppercase;/*border-radius: 2px;*/margin-right: 10px} .jvresslide .btn-icon .fa{height: 40px;width: 55px;line-height: 40px; margin-left: -5px;} .jvresslide .btn-icon .fa:after {border-top-width: 40px;border-right-width: 10px;width: 20px;margin-right: -5px;} .jvresslide .button { margin-top: 60px;} /*breadcrumb*/ #block-breadcrumb {margin-top: -85px;line-height: 40px;margin-bottom: 45px; position: relative;} ul.breadcrumb {background: none;margin-bottom: 0;padding: 0; color: #d3d3d3;} .breadcrumb>.active {color: #fff; margin: 0 5px;} .breadcrumb>.active + li:before { display: none;} .breadcrumb a { color: #fff;} .heading-page h1{ margin: 0; color: #fff; text-transform: uppercase; font-size: 32px;} #block-breadcrumb + #block-main .page-header { display: none; margin-top: 0;} /*Register*/ form .spacer { display: block; text-align: right;} #jform_spacer-lbl { font-weight: normal;} #block-panel { padding: 45px 0; background-color: #eaeaea;} .jv-checkdomain {position: relative;} .jv-checkdomain .jvLabel { font-size: 24px;font-weight: 100;color: #3c3c3c;line-height: 42px;} .jv-checkdomain .input-group {width: 50%; margin: 0 10px;} .jv-checkdomainForm { position: relative;} .jv-checkdomain .input-group .input-group-addon { font-size: 18px;font-weight: 100;background-color: #fff;border: none;color: #999;padding: 12px 15px;margin: 0;} .jv-checkdomain .input-group .form-control {border: none;padding: 12px 15px;font-size: 18px;height: 42px;border-radius: 0 4px 4px 0;margin: 0;} .jv-checkdomain .btn-lg {padding-top: 9px; font-weight: 100; border-radius: 4px;} .jv-checkdomain .btn-lg.btn-default { border: none; margin-right: 10px; color: #999;} .jv-checkdomain .btn-lg.btn-default:hover, .jv-checkdomain .btn-lg.btn-default:focus, .jv-checkdomain .open .btn-lg.btn-default { color: #fff;} .jv-checkdomain .btn-lg.btn-primary {padding: 8px 25px 9px;} .jv-checkdomain .dropdown {position: static;} .jv-checkdomain .dropdown-menu { width: 100%; border-color: #dcdcdc; margin-top: 0;} .jv-checkdomain .dropdown-menu .form { margin: 20px 20px 30px;} .jv-checkdomain .dropdown-menu .form .checkbox { float: left; width: 12.5%; margin-top: 10px;margin-bottom: 10px;} .jv-checkdomain .dropdown-menu .form .checkbox.all { float: none; width: auto;} .jv-checkdomain .resultWrap { background: #fff;border-radius: 4px;margin: 40px 0 0 0;} .jv-checkdomain .resultWrap .caption{padding: 15px 20px;border-bottom: 1px solid #ddd;font-size: 16px;margin: 0;} .jv-checkdomain .resultWrap .result { padding: 15px 20px;} .jv-checkdomain .resultWrap .result .row div div { padding: 14px 0;border-bottom: 1px solid #F5F5F5;} .jv-checkdomain .resultWrap .result .row div:last-child div { border-bottom: none;} .jv-checkdomain .resultWrap .result i { margin-right: 14px;} .jv-checkdomain .resultWrap .result .taken span, .jv-checkdomain .resultWrap .result .taken i { color: #cbad4b;} .jv-checkdomain .resultWrap .result .available span, .jv-checkdomain .resultWrap .result .available i { color: #27ae60;} .resultDomain #block-panel {padding: 45px 0 70px;background-color: #f0f0f0;} .resultDomain #block-main {padding: 0;} /*Video Link*/ .jv-videolink {} .jv-videolink .video-list {margin-bottom:35px;} .jv-videolink .video-wrap{ position: relative; border-bottom: 3px solid rgba(0,0,0,0.05); overflow: hidden;} .jv-videolink .video-wrap > a:before{content: "";position: absolute;top: 50%;left: 50%;width: 54px;height: 54px;margin-top: -27px;margin-left: -27px;border: 2px solid rgba(255, 255, 255, 0.64);border-radius: 100%;} .jv-videolink .video-wrap > a:after {content: "";position: absolute;top: 50%;left: 50%;border-style: solid;border-color: transparent transparent transparent rgba(255, 255, 255, 0.86);border-width: 9px 0 9px 16px;margin-left: -5px;margin-top: -9px; } .jv-videolink .video-wrap:hover > a:before, .jv-videolink .video-wrap:hover > a:after{ opacity: 0;} .jv-videolink .video-wrap .caption{ position: absolute; bottom: 0; left: 0; right: 0; color: #fff; padding: 15px; padding-right: 60px; font-weight: 100;} .jv-videolink .video-wrap .caption a:before { content: ""; display: block; width: 40px; height: 40px; background: transparent url(../images/icon-play-2.png) no-repeat center; top: 15px; right: 15px; position: absolute;} .jv-videolink .video-wrap .caption h4 { margin: 0;} .jv-videolink .video-wrap .caption a { text-transform: uppercase; font-weight: 100; color: #fff; font-size: 18px;} /*Web Application */ .web-app { margin-bottom: 35px;} .web-app .item{ background: #fff; border: 1px solid #dcdcdc; box-shadow: 0 3px 0 0 #eee; display: block;} .web-app .item:hover { background-color: #f8f8f8;} .web-app .item .pull-left { margin-right: 15px; display: block;} .web-app .item i { width: 90px; height: 90px; text-align: center; line-height: 90px; font-size: 48px; } .web-app .item .Joomla-Hosting { background-color: #59a445;} .web-app .item:hover .Joomla-Hosting { background-color: #489134;} .web-app .item .Wordpress-Hosting { background-color: #3498db;} .web-app .item:hover .Wordpress-Hosting { background-color: #2487c9;} .web-app .item .Magento-Hosting { background-color: #f15d22;} .web-app .item:hover .Magento-Hosting { background-color: #d94c14;} .web-app .item .title { color: #3c3c3c; display: block; margin-top: 25px; font-size: 20px; font-weight: 100; text-transform: uppercase; margin-bottom: 8px;} .web-app .item .more { color: #686868; font-weight: 100;} .web-app + .service-text { text-align: center;} /*Pricing table*/ .jv-pricingtable.homepage .jv-table-item{border-width: 3px;} .jv-pricingtable.homepage .jv-table-item .jv-table-head {background-color: transparent; color: #3c3c3c;} .jv-pricingtable.homepage .jv-table-item .jv-table-head .jv-table-title { font-size: 26px; text-transform: uppercase;} .jv-pricingtable.homepage .jv-table-item .jv-table-head .jv-table-icon img { border-radius: 100%;} .jv-pricingtable.homepage .jv-table-item .jv-table-head .jv-table-price-wrap { border-top: none; text-align: center; line-height: normal;} .jv-pricingtable.homepage .jv-table-item .jv-table-head .jv-table-price-wrap .jv-table-price-before {display: block; margin-right: 0; color: #3c3c3c; font-size: 18px; font-weight: 100; text-transform: uppercase;} .jv-pricingtable.homepage .jv-table-item .jv-table-head .jv-table-price-wrap .jv-table-price { font-size: 46px; font-weight: bold;} .jv-pricingtable.homepage .jv-table-item .jv-table-bottom { background-color: transparent; border: none; padding-top: 0; padding-bottom: 30px;} .jv-pricingtable.homepage .jv-table-item .jv-table-bottom .btn { font-weight: 100; padding: 10px 20px; border-radius: 3px; font-size: 16px;} /*Service*/ .jv-service .service-list .style-1 { text-align: center;} .jv-service .service-list .style-1 .title { margin-bottom: 20px;} .jv-service .service-list .style-1 .service-img { margin-bottom: 20px;} .jv-service .service-list .style-1 .service-icon {font-size: 60px;} .jv-service .service-list .style-1 .desc, .jv-service .service-list .style-3 .desc { margin-bottom: 20px; color: #777} .jv-service .service-list .style-3 .service-img, .jv-service .service-list .style-3 .title { font-size: 20px;} .jv-service .service-list .style-3 .service-icon { font-size: 18px; margin-right: 15px;} .jv-service .service-list .style-3 i { min-width: 20px; font-size: 20px;} .jv-service .service-list .style-3 .title, .jv-service .service-list .style-3 .desc { padding-left: 35px;} .jv-service .service-list .style-3 .service-wrap { margin: 30px 0;} /*Login*/ .contentmod > .userdata .list-unstyled { padding-top: 10px; border-top: 1px dotted #ddd; } /*Menu Vartical*/ ul.vertical li { border: 1px solid #dcdcdc;margin-top: -1px;} ul.vertical li:first-child { border-radius: 4px 4px 0 0;} ul.vertical li:last-child { border-radius: 0 0 4px 4px;} ul.vertical li .item-text { display:block; padding:10px; } ul.vertical li:hover > .item-text , ul.vertical li.active > .item-text {background-color: rgba(0, 0, 0, 0.07);} ul.vertical li.parent:after {top: 12px;} ul.vertical .nav-header { display: block; padding: 10px;} /*Menu Vartical*/ ul.accordion { background-color: #60778d; color: #fff; padding: 10px 0;} ul.accordion li p { padding: 11px 20px; margin-bottom: 0; } ul.accordion li .nav-header, ul.accordion li a { font-family: inherit !important; display: inline-block; margin: 0 !important; color: #fff; font-size: 12.5px;} ul.accordion li:hover > p, ul.accordion li.active:hover > p, ul.accordion li.active > p{ background-color: #4d647a;} ul.accordion li .divsubmenu { display: none;} ul.accordion li .divsubmenu ul { margin: 0; padding: 0;} ul.accordion li .divsubmenu ul .nav-header, ul.accordion li .divsubmenu ul li p{ padding-left: 35px;} ul.accordion li .divsubmenu ul li ul li p{ padding-left: 50px;} ul.accordion li i { margin-right: 5px; min-width: 12px; text-align: center;} ul.accordion li.parent > * > i { cursor: pointer;font-size: 14px;} ul.accordion li.parent > * > i:before { content: "\f196";} ul.accordion li.parent > * > i.min:before { content: "\f147";} /*Menu default*/ .sidebar .menu-mod > li {margin-bottom: 20px;} .sidebar .menu-mod .nav-header { color: #34495e; display: block; line-height:20px; margin-bottom: 10px; text-transform: uppercase;} .sidebar .menu-mod .divsubmenu ul, .sidebar .menu-mod .divsubmenu ul li { padding: 0; margin: 0; list-style: none;} .sidebar .menu-mod a { line-height: 28px; padding-left: 20px; display: block; position: relative; font-size: 13px;} .sidebar .menu-mod a:before, .sidebar .menu a:after {content: ""; display: block; position: absolute;} .sidebar .menu-mod a:before { width: 10px; height: 10px; border: 1px solid transparent; border-radius: 10px; top: 10px; left: 0;} .sidebar .menu-mod a:after { width: 4px; height: 4px; border-radius: 100%; top: 13px; left: 3px;} /*catagory module images*/ .catagory-module-images .thumb { width: 50px; height: 5px; margin-right: 15px; background-size: cover; background-position: center;} .fx-subitem .catagory-module-images .thumb { width: 40px; height: 40px;} .fx-subitem .catagory-module-images li { margin-bottom: 10px;} .fx-subitem .catagory-module-images li:last-child { margin-bottom: 0px;} .fx-subitem .catagory-module-images li a {color: #fff;} .fx-subitem .catagory-module-images li .mod-articles-category-info { opacity: 0.6} .fx-subitem .catagory-module-images li .mod-articles-category-info i { display: none;} /*JV Custom*/ .jvcustom {} .jvcustom.video {position: relative; overflow: hidden; z-index: 99;} .jvcustom .container { max-width: 100%;padding-top: 80px; padding-bottom: 80px;} .sidebar .jvcustom .container { padding-top: 0; padding-bottom: 0;} .jvcustom.background, .jvcustom.background .tHosting, .jvcustom.background .tHostingSub { color: #fff;} .YTPOverlay { background-color: rgba(0,0,0,0.3);} .position-slideshowfull .jvcustom {/* min-height: 300px; padding-top: 250px; padding-bottom: 60px;*/ padding: 0;} .position-slideshowfull .jvcustom > .container { min-height: 300px; padding-top: 250px; padding-bottom: 60px;} .position-slideshowfull .jvcustom.background { color: #fff;} .position-slideshowfull .jvcustom h1{ color: #fff;text-transform: uppercase; margin-bottom: 50px;} .position-slideshowfull .jvcustom .jv-table-item { border: none; background: #fff;} .position-slideshowfull .jvcustom .jv-table-item .jv-table-content { padding: 0;} .position-slideshowfull .jvcustom .jv-table-item .jv-table-content .item { text-align: left;} .position-slideshowfull .jvcustom .text-center .jv-table-item .jv-table-content .item { text-align: center;} .position-slideshowfull .jvcustom .jv-table-item .jv-table-content .item i { color: #616f7d;} .position-slideshowfull .jvcustom .jv-table-item .btn { border-radius: 3px; padding: 10px 20px; font-size: 16px;} .jv-pricingtable.reseller-pricing .jv-table-head { padding-bottom: 0;} .jv-pricingtable.reseller-pricing .jv-table-head .jv-table-price-wrap{border-top: none; padding-top: 35px;} .jv-pricingtable.reseller-pricing .jv-table-head .jv-table-price-wrap .jv-table-price{ font-size: 36px;} .jv-pricingtable.reseller-pricing .jv-table-head .jv-table-price-wrap .jv-table-price-before, .jv-pricingtable.reseller-pricing .jv-table-head .jv-table-price-wrap .jv-table-price-after{ font-size: 20px; color: #555;} .jv-pricingtable.reseller-pricing .jv-table-head .jv-table-title { font-size: 30px; font-family: inherit; font-weight: 400; text-transform: uppercase;} .jv-pricingtable.reseller-pricing .jv-table-bottom { border-top: none; background-color: #fff;} .jvcustom.services-banner h1 { font-size: 40px; margin-bottom: 20px; line-height: 1.25;} .jvcustom.services-banner .h3 {font-family: inherit; font-weight: 100; margin-bottom: 20px;} .jvcustom.services-banner .check-lhost {font-size: 18px; line-height: 30px;} .jvcustom.services-banner .check-lhost li { padding-left: 27px; font-weight: 100;} .jvcustom.services-banner .check-lhost li:before { color: #fff; font-size: 18px; top: 6px; color: rgba(255,255,255,0.9)} .boxPrice { margin-top: 30px; margin-bottom: 30px; border: 1px solid rgba(255,255,255,0.7); border-radius: 3px; padding: 20px;float: left; } .boxPrice .boxPriceContent{ float: left;display: inline-block;margin-right: 40px;text-transform: uppercase;font-size: 18px;font-weight: 100;line-height: 20px;} .boxPrice .boxPriceContent .value { font-size: 30px; font-weight: 700;} .boxPrice .btn { font-weight: 100; text-transform: uppercase;} .boxPrice.boxPrice-2 { float: none;} .boxPrice.boxPrice-2 .boxPriceContent { float: right; margin-right: 0; font-size: 13px;} .boxPrice.boxPrice-2 .boxPriceContent .value { font-weight: 400; font-size: 30px;} .sidebar .jvcustom.banner { padding: 0;} .sidebar .jvcustom .box-servicer { margin: 0 -15px; padding-bottom: 20px;} .sidebar .jvcustom .box-servicer .boxHeader{background-color: #ccc; overflow: hidden;} .sidebar .jvcustom .box-servicer .boxHeader .h1 { margin: 0; display: inline-block; font-size: 46px; padding: 10px 0 0 12px; text-transform: uppercase;} .sidebar .jvcustom .box-servicer .boxHeader .h2 { margin: 0; display: inline-block; font-size: 19px; line-height: 1.25; text-transform: uppercase;} .sidebar .jvcustom .box-servicer .boxHeader .icon { float: right;} .sidebar .jvcustom .box-servicer .boxContent { padding: 25px 25px 10px; font-weight: 300;} .sidebar .jvcustom .box-servicer .boxFooter { margin: 0 25px; border-radius: 4px; border:1px solid rgba(255,255,255,0.5); padding: 10px; overflow: hidden;} .sidebar .jvcustom .box-servicer .boxFooter .btn {margin: 0; float: left;} .sidebar .jvcustom .box-servicer .boxFooter .price{position: relative; margin: 0; float: left; margin-left: 8px;} .sidebar .jvcustom .box-servicer .boxFooter .price>span {position: absolute;top: 0;left: 0;font-size: 16px;} .sidebar .jvcustom .box-servicer .boxFooter .price>span+span {position: absolute;top: -5px;left: 12px;font-size: 39px;} .sidebar .jvcustom .box-servicer .boxFooter .price>span+span+span {position: absolute;top: 0;left: 34px;font-size: 18px;} .sidebar .jvcustom .box-servicer .boxFooter .price>span+span+span+span {position: absolute;top: 19px;left: 34px;font-size: 13px;} .jv-module.inverse .title-module {background-color: #60778d;color: #fff;padding: 13px 20px;text-transform: none;margin-bottom: 0;border-bottom: 3px solid #8698aa; margin-top: 0;} /*jv Avatar*/ .jvAvatar { position: relative; margin-bottom: 20px; min-height: 122px;} .jvAvatar.total-3, .jvAvatar.total-4 { min-height: 222px} .jvAvatar.total-5, .jvAvatar.total-6 { min-height: 322px} .jvAvatar.total-7 { min-height: 422px} .jvAvatar.total-8, .jvAvatar.total-9, .jvAvatar.total-10 { min-height: 522px} .jvAvatar .jvAvatarItem {overflow: hidden;width: 106px;height: 122px;cursor: default;-webkit-transform: rotate(120deg); -moz-transform: rotate(120deg);-ms-transform: rotate(120deg);-o-transform: rotate(120deg); position: absolute;} .jvAvatar .jvAvatarItemInner {position: relative;overflow: hidden;width: 100%;height: 100%;-webkit-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-ms-transform: rotate(-60deg);-o-transform: rotate(-60deg);} .jvAvatar .jvAvatarItem .jvAvatarItemInner .jvAvatarItemImage{position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;display: block;content: "";width: 100%;height: 100%;-webkit-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-ms-transform: rotate(-60deg);-o-transform: rotate(-60deg);} .jvAvatar .jvAvatarItem.color { top: 0; right: 0;} .jvAvatar .jvAvatarItem.item-1 { top: 0; right: 116px;} .jvAvatar .jvAvatarItem.item-2 { top: 0; right: 232px;} .jvAvatar .jvAvatarItem.item-3 { top: 99px; right: 58px;} .jvAvatar .jvAvatarItem.item-4 { top: 99px; right: 174px;} .jvAvatar .jvAvatarItem.item-5 { top: 201px; right: 232px;} .jvAvatar .jvAvatarItem.item-6 { top: 201px; right: 116px;} .jvAvatar .jvAvatarItem.item-7 { top: 201px; right: 0;} .jvAvatar .jvAvatarItem.item-8 { top: 301px; right: 174px;} .jvAvatar .jvAvatarItem.item-9 { top: 404px; right: 116px;} .jvAvatar .jvAvatarItem.item-10 { top: 404px; right: 0;} .jvAvatar .jvAvatarItem.color-2 { top: 301px; right: 58px; opacity: 0.5;} .jvAvatar .jvAvatarItem.color-3 { top: 404px; right: 232px; } /*jvTeam */ .jvTeam {} .jvTeam .jvTeamItem { margin: 20px 0;} .jvTeam .jvTeamItem .jvTeamAvatarSocial{ max-width: 170px; margin-right: 20px; position: relative;} .jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; text-align: center;} .jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial:before, .jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial:after {content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: #ddd; z-index: 0; opacity: 0;} .jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial:before { top: 0; left: 0; border-width: 4px 0 0 2px;} .jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial:after { bottom: 0; right: 0; border-width: 0 2px 4px 0;} .jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial a { display: inline-block; position: relative; z-index: 1; margin: 70px 4px 0; width: 30px; height: 30px; border: 1px solid #666; text-align: center; line-height: 28px; font-size: 18px; opacity: 0;} .jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial a.link-facebook { color: #204385; border-color: #204385;} .jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial a.link-linkedin { color: #0274b3; border-color: #0274b3;} .jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial a.link-twitter { color: #2aa9e0; border-color: #2aa9e0;} .jvTeam .jvTeamItem .jvTeamAvatarSocial .jvTeamSocial a.link-google { color: #d3492c; border-color: #d3492c;} .jvTeam .jvTeamItem .jvTeamAvatarSocial:hover .jvTeamSocial {background-color: rgba(255,255,255,0.70); } .jvTeam .jvTeamItem .jvTeamAvatarSocial:hover .jvTeamSocial:before, .jvTeam .jvTeamItem .jvTeamAvatarSocial:hover .jvTeamSocial:after { width: 144px; height: 144px;opacity: 1; } .jvTeam .jvTeamItem .jvTeamAvatarSocial:hover .jvTeamSocial a { opacity: 1; } .jvTeam .jvTeamItem .jvTeamInfo .jvTeamName{} .jvTeam .jvTeamItem .jvTeamInfo .jvTeamPosition { font-weight: 100; color: #888; font-size: 13px;} .jvTeam .jvTeamItem .jvTeamInfo .jvTeamDesc { margin-bottom: 0; line-height: 1.4285714;} .jvTeam.mini {padding: 0 15px;} /*Wordpress Hosting*/ .service-feature .service-lhost{ max-width: 380px; margin: 0 auto;} .table-service .jv-table-item { position: relative; border-width: 3px; border-radius: 5px;} .table-service .jv-table-item:before, .table-service .jv-table-item:after, .table-service .jv-table-item .jv-table-content:after{content: "";position: absolute;top: 0;right: 0;border-style: solid;border-color: transparent transparent transparent #16a085;border-width: 65px 0 0 65px;border-radius: 0 0 0 5px;z-index: 1;} .table-service .jv-table-item:after {border-radius: 0;border-color: #fff transparent transparent transparent;z-index: 2; } .table-service .jv-table-item .jv-table-head:before { content: "\f19a"; position: absolute; top: 7px; right: 7px; font-size: 48px; color: #ccc; z-index: 3;} .table-service.joomla .jv-table-item .jv-table-head:before { content: "\f1aa";} .table-service .jv-table-item .jv-table-head:after {content: "";position: absolute;top: 7px;right: 7px;border-style: solid;border-color: transparent transparent transparent #16a085;border-width: 51px 0 0 51px;z-index: 4;} .table-service .jv-table-item .jv-table-content:after { border-color: rgba(0,0,0,0.25); z-index: 0; top:3px; right:-4px; } .table-service .jv-table-item:hover::before, .table-service .jv-table-item:hover::after, .table-service .jv-table-item:hover .jv-table-content:after { border-width: 90px 0 0 90px;} .table-service .jv-table-item:hover .jv-table-head:after {border-width: 76px 0 0 76px;} .jvTwitter {} .headTweets { color: #55acee; font-size: 20px; text-align: center; position: relative;} .headTweets i { display: inline-block; height: 30px; width: 30px; text-align: center; line-height: 30px; background-color: #fff; border-radius: 2px; position: relative; z-index: 1;} .headTweets:before {content: ""; display: block; width: 100%; height: 1px; background-color: #eeefef; position: absolute; top: 50%; left: 0; z-index: 0;} .jvTwitterTweetContainer, .jvTwitterLoading { padding:15px 0 54px;} .jvTwitterTweetContainer .media-body { text-align: center;} .jvTwitterTweetContainer .media-body > * { display: inline-block;} .jvTwitterTweetContainer .media-body .media-heading { font-size:14px;} .jvTwitterTweetContainer .media-body .media-heading:after{ content: ":"} .jvTwitterTweetContainer .vTwitterTweetItem { border-bottom:1px solid #c1ac67; margin-bottom:8px; padding-bottom:4px; } .jvTwitterTweetContainer .vTwitterTweetItem:last-child { border-bottom:0px solid #660000; margin-bottom:0px; padding-bottom:0px; } .jvTwitterTweetContainer .jvTweetCreated { width:100%; text-align:center;} .jvTwitterTweetContainer .jvTweetText { } .jvTwitterTweetContainer .jvTweetAvatar { width: 30px; margin-bottom: -8px; border:1px solid #c1ac67;} .jvTwitterTweetContainer .jvTweetCreated .jvTweetCreatedTime { color: #ffffff;} .jvTwitterTweetContainer .jvTweetAvatar img { border-radius: 2px;} /*K2 ---------------------*/ /*K2 Content Hot*/ .k2ModuleHot {} .k2ModuleHot .carouselOwl{ list-style: none; padding: 0;} .k2ModuleHot .owl-controls { position:absolute; bottom: 45px; right: 5px;} .k2ModuleHot .owl-controls .owl-page { display: inline-block; width: 10px; height: 10px; background-color: #fff; margin: 0 5px; border: 2px solid #fff;} .k2ModuleHot .owl-controls .owl-page.active { background-color: transparent; border: 2px solid #dcdcdc; width: 20px; background-color: rgba(255,255,255,0.1);} .k2ModuleHot .carouselOwl .wrapper .thumb { position: relative;} .k2ModuleHot .carouselOwl .wrapper .thumb .moduleItemVideo { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; background-size: cover;} .k2ModuleHot .carouselOwl .wrapper .thumb .moduleItemVideo .avPlayerWrapper { position: absolute; left: 0; right: 0; top: 0;} .k2ModuleHot .carouselOwl .wrapper .thumb .moduleItemVideo .avPlayerWrapper.avSoundCloudSong, .k2ModuleHot .carouselOwl .wrapper .thumb .moduleItemVideo .avPlayerWrapper.avVideo { bottom: 0;} .k2ModuleHot .carouselOwl .wrapper .thumb .moduleItemVideo .avSoundCloudSong .avPlayerContainer .avPlayerBlock iframe, .k2ModuleHot .carouselOwl .wrapper .thumb .moduleItemVideo .avSoundCloudSong .avPlayerContainer .avPlayerBlock object, .k2ModuleHot .carouselOwl .wrapper .thumb .moduleItemVideo .avSoundCloudSong .avPlayerContainer .avPlayerBlock embed { height: 100% !important;} .k2ModuleHot .carouselOwl .wrapper .thumb .moduleItemVideo .avPlayerWrapper .avPlayerContainer .avPlayerBlock > div { background-color: transparent !important;} .k2ModuleHot .carouselOwl .wrapper .hiddenImg { opacity: 0;} .k2ModuleHot .carouselOwl .wrapper .moduleItemTitle { margin: 0; display: block; padding: 10px; line-height: 22px; background-color: #bbb; color: #fff; font-weight: 100;} .k2ModuleHot .carouselOwl .wrapper .moduleItemTitle a{ color: #fff; } .k2ItemsFeature {} .k2ItemsFeature .item, .k2ItemsMostpopular .item{ margin-bottom: 20px;} .k2ItemsFeature .moduleItemImage, .k2ItemsMostpopular .moduleItemImage { display: block; width: 40%; margin-right: 10px;} .k2ItemsFeature .moduleItemDate, .k2ItemsMostpopular .moduleItemDate { font-size: 80%; color: #999; margin-bottom: 10px;} .k2ItemsFeature .moduleItemIntrotext, .k2ItemsMostpopular .moduleItemIntrotext { font-style: 12px;} .k2ItemsMostpopular .item { position: relative;} .k2ItemsMostpopular .item .itemNumber { position: absolute; top: 5px; left: -5px; width: 30px; height: 30px; background-color: rgba(96,119,141,0.9); text-align: center; line-height: 30px; color: #fff;} .k2ItemsMostpopular .item .itemNumber:after { content: ""; display: block; position: absolute; bottom: -5px; left: 0; border: 5px solid #253544; border-width: 0 5px 5px 0; border-bottom-color: transparent; } .k2ItemsMostpopular .item .itemNumber:before {font-weight: 700;} .k2ItemsMostpopular .item:nth-child(1) .itemNumber { background-color: rgba(231,76,60,0.9);} .k2ItemsMostpopular .item:nth-child(1) .itemNumber:after { border-right-color: #8a1f14;} .k2ItemsMostpopular .item:nth-child(1) .itemNumber:before { content: "1"} .k2ItemsMostpopular .item:nth-child(2) .itemNumber:before { content: "2"} .k2ItemsMostpopular .item:nth-child(3) .itemNumber:before { content: "3"} .k2ItemsMostpopular .item:nth-child(4) .itemNumber:before { content: "4"} .k2ItemsMostpopular .item:nth-child(5) .itemNumber:before { content: "5"} .k2ItemsMostpopular .item:nth-child(6) .itemNumber:before { content: "6"} .k2ItemsMostpopular .item:nth-child(7) .itemNumber:before { content: "7"} .k2ItemsMostpopular .item:nth-child(8) .itemNumber:before { content: "8"} .k2ItemsMostpopular .item:nth-child(9) .itemNumber:before { content: "9"} .k2ItemsMostpopular .item:nth-child(10) .itemNumber:before { content: "10"} .k2ItemsMostpopular .item.first {} .k2ItemsMostpopular .item.first .moduleItemImage { width: auto; float: none; margin-bottom: 15px;margin-right: 0; margin-left: 0;max-width: 100%;} .k2ItemsMostpopular .item.first .moduleItemDate { margin-bottom: 10px; display: block; } .k2ItemsMostpopular .item .moduleItemTitle, .k2ItemsFeature .moduleItemTitle { margin: 0 0 4px;} .k2ItemsMostpopular .item.first .moduleItemTitle { font-weight: 400; clear: both;} /*K2 Content News ==================================================*/ .blockNewsItem { position: relative; background-size: cover;} .blockNewsItem .moduleItemImage { display: block;} .blockNewsItem .moduleItemImage img{ width: 100%;} .blockNewsItem .moduleItemTitle { position: absolute; bottom: 12px; left: 75px; right: 10px; color: #fff; z-index: 1; margin-bottom: 0;} .blockNewsItem .moduleItemDateCreated { position: absolute; bottom: 0; left: 0; background-color: #656565; color: #fff; text-align: center; display: block; width: 62px; height: 62px; padding-top: 6px; z-index: 1;} .blockNewsItem .moduleItemDateCreated span { display: block;} .blockNewsItem .moduleItemDateCreated span.month { font-size: 12px; line-height: 1 ;} .blockNewsItem .moduleItemDateCreated span.date { font-size: 40px; line-height: 1;} .blockNewsItem:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; right: 0; height: 50px; z-index: 0; opacity: 0.65;} .blockNewsItem:hover::after { height: 65px; opacity: 0.8;} /*K2 Content NewsFromTheWorld*/ .post-1 .comment {float: right;} /*K2 Content PhotoNews*/ .photo-news {padding: 0 3px 0 0;} .photo-news .big {width: 60%;padding: 0 12px 0 15px;} .photo-news .big .post-2 {padding: 7px 0;} .photo-news .big .post-2 h5 {background-color: rgba(67, 71, 77, 0.5);padding: 4px 7px;position: absolute;left: 35px;bottom: 75px;color: #b2d231;font-size: 16px !important;margin-bottom: 0;line-height: 18px;} .photo-news .big .post-2 h4 {background-color: rgba(67, 71, 77, 0.5);bottom: 30px;color: #fff;display: inline-block;left: 35px;padding: 8px 5px;position: absolute;margin-bottom: 0;line-height: 26px;} .photo-news .big .post-2 h4 a {color: #fff;} .photo-news .big .post-2 h4 a:hover {color: #b2d231;} .photo-news .big .post-2 a.comment {background-color: rgba(67, 71, 77, 0.5);padding: 2px 4px;bottom: 35px;color: #b2d231;position: absolute;right: 25px;} .photo-news .small {width: 20%;padding: 0 12px;} .photo-news .small .post-2 {padding: 7px 0;} /*K2 Content World News*/ .moduleWorld, .moduleTech { position: relative;} .moduleWorld .owl-pagination , .moduleTech .owl-pagination { position: absolute; top: -42px; right: 15px;} .moduleWorld .owl-pagination > div, .moduleTech .owl-pagination > div { display: inline-block; width: 24px; height: 24px; border: 1px solid #ddd; border-radius: 100%; margin-left: 5px;} /*.latest-news*/ .img-revievs {display: inline-block;float: left;} .img-revievs img {width: 120px;position: relative;display: block;float: left;max-width: 100%;margin-right: 20px;} .news-item {padding: 0 15px;} .news-item h4 {padding: 20px 0; margin-bottom: 0;line-height: 26px;} .news-item img {max-width: 100%;} .news-item a.comment {color: #fff;cursor: pointer;margin-top: -35px;padding-right: 20px;position: relative;float: right;z-index: 9999;} .news-item a.comment:hover {color: #b2d231;} .sidebar .img-revievs img { width: 105px; margin-right: 10px;} .latest-news h4, .news-from h4, .post-1 h4 { margin: 0 0 4px;} .latest-news .rating { font-size: 13px;} .infoBlog { padding: 4px 0;} .infoBlog > * { display: inline-block;color: #888; margin: 0;} .infoBlog > .comment {float: right;} .JVTab-content.tab-content { border-width: 1px;} .JVTab-nav.nav-tabs { border: none;} /*K2 Users ==================================================*/ .k2UsersBlock {} .k2UsersBlock > ul {list-style:none;padding: 0;margin:0;} .k2UsersBlock > ul > li {padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px dotted #ccc;} .k2UsersBlock > ul > li:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: none;} .k2UsersBlock .ubUserAdditionalInfo { font-size: 0.8em; padding: 4px 0;} .k2Avatar {float: left;margin: 0 10px 10px 0;border-radius: 100%;overflow: hidden;} .ubUserName {font-weight: bold;} .ubUserAdditionalInfo a{color: #888; margin-right: 5px;} .ubUserEmail a {font-size: 0;} .ubUserEmail a:before{font-size: 14px;content: "\f003"; } .ubUserDescription {margin-bottom: 10px; display: block; font-size: 0.95em} .k2Avatar + .ubUserDescription, .k2Avatar + .ubUserName + .ubUserDescription, .k2Avatar + .ubUserName + .ubUserAdditionalInfo + .ubUserDescription {padding-left: 60px;} .k2UsersBlock .ubUserItems li { padding: 1px 0; font-size: 0.95em;} .k2UsersBlock .ubUserItems li i { color: #555; margin-right: 4px;} .k2UsersBlock > ul > li h5 {margin: 5px 0; clear: both;} /*K2 Login ==================================================*/ .k2LoginBlock {} .k2LoginBlock .inputbox {width: 100%;border-radius: 2px;} .k2LoginBlock label {} .k2LoginBlock label input {float: left;margin: 4px 4px 0 0;margin-top: 1px \9;line-height: normal;} .k2LoginBlock ul {margin: 0;list-style: none;border-top: 1px dotted #ddd;padding-top: 15px;margin-top: 5px;} /*K2 User ==================================================*/ .k2UserBlock {} .k2UserBlock .ubCommentsCount {color: #999; font-size: 0.9em; margin-bottom: 10px;} .k2UserBlock .modal {position: static;top: 0;left: 0;width: auto;margin-left: 0;background-color: transparent;border: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;outline: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} .k2UserBlockActions {list-style: none;margin: 0;padding: 0 0 0 20px; font-size: 0.9em;} .k2UserBlockActions li { margin-bottom: 4px;} .k2UserBlockActions li a { padding-left: 18px; display: inline-block;} .k2UserBlockActions li a i { margin-left: -18px;margin-right: 4px;} .k2UserBlockRenderedMenu {list-style: none;margin: 5px 0 0;padding: 5px 0 10px;border: 1px dotted #ddd;border-width: 1px 0;} .ubLogout {margin-top: 10px;} .k2UserBlock > form{ padding-left: 38px;} /*K2 Top Commenters ==================================================*/ .k2TopCommentersBlock ul{list-style: none;padding: 0;margin: 0;line-height: 18px;} .k2TopCommentersBlock ul li, .k2LatestCommentsBlock ul li, .k2ItemsBlock ul li, .k2AuthorsListBlock ul li {padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px dotted #ccc;} .k2TopCommentersBlock ul li:last-child, .k2LatestCommentsBlock ul li:last-child, .k2ItemsBlock ul li:last-child, .k2AuthorsListBlock ul li:last-child {padding-bottom: 0;margin-bottom: 0;border-bottom: none;} .k2TopCommentersBlock ul p {margin-bottom: 8px;} .tcLatestCommentDate {color: #999;font-style: italic;} /*K2 Latest Commenters ==================================================*/ .k2LatestCommentsBlock ul{list-style: none;margin: 0;padding: 0;} .k2LatestCommentsBlock .lcUsername, .k2LatestCommentsBlock .lcCommentDate {font-style: italic;color: #999;font-size: 12px;} .k2LatestCommentsBlock .info {padding-left: 60px;} /*K2 Category Select Block / K2 Search Block ==================================================*/ .k2CategorySelectBlock select, .k2SearchBlock input.inputbox {width: 100%;border-radius: 2px;} .sidebar .k2FeedIcon {padding: 10px 0;margin-top: 15px;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;display: block;float: none;} .k2CategorySelectBlock form { position: relative;} .k2CategorySelectBlock form:before {content: "\f07c"; position: absolute; width: 35px; text-align: center; top: 0; bottom: 0; left: 0; color: #fff; line-height: 32px; border: 1px solid transparent;} .k2CategorySelectBlock form select { border-radius: 0; padding-left: 50px;} /*K2 Search ==================================================*/ .k2SearchBlock { background-color: #f0f0f0;padding: 4px; position: relative;} .k2SearchBlock:before { content: ""; position: absolute; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent transparent #ddd; border-bottom-color: transparent!important; top: 0; left: 0;} .k2SearchBlock:hover::before { border-width: 0 0 42px 200px;} .k2SearchBlockForm {position: relative;} .k2SearchBlock .form-control { border-radius: 0; border-color: transparent; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none;} .k2SearchBlock .button {position: absolute;top: 0;right: 0;background-color: transparent;color: #999;height: 34px;line-height: 34px;} .k2SearchBlock .btn {position: absolute;top: 0;right: 0;height: 34px !important;border-radius: 0 3px 3px 0; background-color: transparent;} .k2LiveSearchResults{position: absolute;top: 38px;left: 0;right: 0;} .liveSearchResults {padding: 0;margin: 4px 0 0 0;background-color: #fff;border: 4px solid #f0f0f0;border-top: none;list-style: none;border-radius: 0 0 3px 3px;} .liveSearchResults li {padding: 4px 10px;} .liveSearchResults li:hover {background-color: #f0f0f0;} /*K2 Contents ==================================================*/ .k2ItemsBlock ul {list-style: none;padding: 0;margin: 0;} /* .k2ItemsBlock .moduleItemTitle { font-weight: bold;}*/ .moduleItemAuthor {font-size: 12px;color: #999;} .k2ItemsBlock .moduleItemImage {margin: 10px 0;display: block;} .k2ItemsBlock .itemDate {font-size: 12px;color: #999;font-style: italic;} .k2ItemsBlock .moduleItemTags a {display: inline-block;padding: 0 5px 0 0;} .k2ItemsBlock .moduleItemTags {font-style: 12px;} .k2ItemsBlock .itemBottom {background-color: #f0f0f0;padding: 3px 8px;margin-top: 5px;} .k2ItemsBlock .itemBottom .moduleItemComments {display: inline-block;border-right: 1px solid #ddd;padding-right: 5px; margin-right: 5px; } .k2ItemsBlock .itemBottom .moduleItemReadMore {float: right;} /*K2 Categories List Block ==================================================*/ .k2CategoriesListBlock ul{list-style: none;padding: 0;margin: 0;} .k2CategoriesListBlock ul li {margin: 1px 0;} .k2CategoriesListBlock ul li a{display: block;background-color: #60778d;padding: 12px 15px; color: #fff; font-size: 0.96em;} .k2CategoriesListBlock ul li a:before{content: "\f07b"; margin-right: 10px;} .k2CategoriesListBlock ul li a:hover {color: #fff;} .k2CategoriesListBlock ul li a .catCounter { display: block;float: right;background-color: #fff;color: #60778d;padding: 0 8px;min-width: 30px;text-align: center;border-radius: 20px;} .k2CategoriesListBlock ul li a .catCounter .word1, .k2CategoriesListBlock ul li a .catCounter .word2 .char1, .k2CategoriesListBlock ul li a .catCounter .word2 span:last-child{ display: none;} /*K2 Breadcrumbs ==================================================*/ .k2BreadcrumbsBlock > * {display: inline-block;margin-right: 5px;} /*K2 Tag Cloud ==================================================*/ .k2TagCloudBlock a {display: inline-block; border: 1px solid #ddd; padding: 1px 8px 1px 22px;margin: 0 5px 6px 0;background-color: transparent;line-height: normal;border-radius: 100px; position: relative;} .k2TagCloudBlock a:before { content: ""; display: block; width: 8px; height: 8px; position: absolute; top: 50%; left: 8px; margin-top: -4px; border: 1px solid #dcdcdc; border-radius: 100%; background-color: #fff} .k2TagCloudBlock a:hover {color: #fff;background-color: #666;} .k2TagCloudBlock a:hover::before { border-color: #fff;} /*K2 Calendar ==================================================*/ .k2CalendarBlock {overflow-y: auto; } .k2CalendarBlock .calendar {width: 100%;box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15);border-radius: 2px;overflow: hidden;min-height: 204px; } .k2CalendarBlock .calendar td.calendarNavMonthPrev, .k2CalendarBlock .calendar td.calendarNavMonthNext, .k2CalendarBlock .calendar td.calendarCurrentMonth { color: #fff ; font-weight: 300;} .k2CalendarBlock .calendar td {text-align: center;padding: 7px 3px;} .k2CalendarBlock .calendar td.calendarDayName{padding: 8px 3px; font-size: 0.86em; border-bottom: 2px solid #ddd;} .k2CalendarBlock .calendar td a {display: block;} .k2CalendarBlock .calendar td.calendarDateLinked a { font-weight: bold;} .k2CalendarBlock .calendarNavLink {width: 24px;height: 24px;border: 1px solid transparent;border-radius: 100%;margin: 0 4px; color: #fff;} .k2CalendarBlock .calendarNavLink:hover { border-color: #fff;} .k2CalendarBlock .calendar td.calendarDateLinked { position: relative;} .k2CalendarBlock .calendar td.calendarDateLinked:before { content: ""; display: block; width: 32px; height: 32px; position: absolute; top: 0; left: 50%; margin-left: -16px; border-radius: 100%; border: 1px solid transparent;} /*K2 Authors List Block ==================================================*/ .k2AuthorsListBlock ul{list-style: none;margin: 0;padding: 0;} .k2AuthorsListBlock .abAuthorName { font-weight: 400; margin-bottom: 12px; display: block; margin-top: 0;} .k2AuthorsListBlock .abAuthorLatestItem { font-size: 0.9em; display: block; padding-left: 60px;} .k2AuthorsListBlock .abAuthorCommentsCount { font-style: italic; color: #888;} /*k2 Archives Block ==================================================*/ .k2ArchivesBlock ul li a{border: 1px solid #eee; margin-bottom: 1px; padding: 10px 15px; display: block;} .k2ArchivesBlock ul li .fa { margin-right: 10px;} .k2ArchivesBlock ul li .numOfItems { padding: 0 6px; min-width: 30px; display: block; border-radius: 20px; background-color: #8b9dae; color: #fff; text-align: center;} .k2ArchivesBlock ul li a:hover { color: #fff;} .k2ArchivesBlock ul li a:hover .numOfItems { background-color: #fff; } /*k2 Top Commenters Block ==================================================*/ .k2TopCommentersBlock .tcUsername {font-weight: 400;} .k2TopCommentersBlock .tcLatestComment, .k2TopCommentersBlock .tcLatestCommentDate { padding-left: 60px; display: block;} .k2TopCommentersBlock .tcLatestCommentDate { font-size: 90%; margin-top: 5px;} /*========== K2 Portfolio ===========*/ .catPortfolio .portfolioFilter { margin-bottom: 34px; margin-top: -30px;} .catPortfolio .portfolioFilter:after { content: ""; display: block; float: none; clear: both;} .catPortfolio .portfolioFilter a { display:block; margin: 0 6px 6px 0; padding: 10px 25px; border: 1px solid #ddd;} .catPortfolio .portfolioFilter a:hover, .catPortfolio .portfolioFilter a.active { color: #fff;} .catPortfolio .portfolioFilter a:last-child { margin-right: 0;} .catPortfolioItem { position: relative; color: #fff; margin-bottom: 30px;} .catPortfolioItem .catPortfolioImage { background-size: cover; background-position: center;} .catPortfolioItem .catPortfolioImage:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;} .catPortfolioItem .catPortfolioImage a{ display: block;} .catPortfolioItem .catPortfolioImage a img{width: 100%;} .catPortfolioItem .catPortfolioItemBody { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .catPortfolioItem .catPortfolioItemBody:before, .catPortfolioItem .catPortfolioItemBody:after {content: ""; display: block; position: absolute; z-index: 2; border: 1px solid rgba(255,255,255,0.8);width: 0; height: 0; opacity: 0;} .catPortfolioItem .catPortfolioItemBody:before { top: 5px; right: 5px; border-width: 1px 1px 0 0;} .catPortfolioItem .catPortfolioItemBody:after { left: 5px; bottom: 5px; border-width: 0 0 1px 1px;} .catPortfolioItem .catPortfolioItemBody a { color: #fff;} .catPortfolioItem .catPortfolioItemBody .catItemBodyLink { position: absolute; width: 100%; left: 0; top: 50%; margin-top: -22px; text-align: center; z-index: 3;} .catPortfolioItem .catPortfolioItemBody .catItemBodyLink a{ display: inline-block; margin: 0 3px; width: 45px; height: 45px; line-height: 45px; font-size: 18px; text-align: center; color: #fff; border-radius: 100%; background-color: rgba(0,0,0,0.2); opacity: 0;} .catPortfolioItem .catPortfolioItemBody .catItemBodyInfo { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 20px 15px 20px; opacity: 0; z-index: 3;} .catPortfolioItem .catPortfolioItemBody .catItemBodyInfo .catItemBodyInfoDetail { font-size: 12px;} .catPortfolioItem .catPortfolioItemBody .catItemBodyInfo .catItemBodyInfoDetail .catItemInfoItem { margin-right: 10px; text-transform: uppercase; display: inline-block;} .catPortfolioItem .catPortfolioItemBody .catItemBodyInfo .catItemBodyInfoDetail .catItemTag .value:after { content: ", ";} .catPortfolioItem .catPortfolioItemBody .catItemBodyInfo .catItemBodyInfoDetail .catItemTag .value:last-child::after { content: "";} .catPortfolioItem:hover .catPortfolioImage:before{ opacity: 0.9;} .catPortfolioItem:hover .catPortfolioItemBody .catItemBodyInfo, .catPortfolioItem:hover .catPortfolioItemBody .catItemBodyLink a { opacity: 1;} .catPortfolioItem:hover .catPortfolioItemBody:before, .catPortfolioItem:hover .catPortfolioItemBody:after { opacity: 1; width: 70%; height: 70%;} .portfolio-zoom-in.mfp-wrap .mfp-container .mfp-content{-webkit-border-radius: 5px;border-radius: 5px;overflow: hidden;-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);} .portfolio-zoom-in.mfp-wrap .mfp-iframe-holder .mfp-close{ margin: 0; padding: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 100%; top: 23px; right: 25px; opacity: 1;} .itemPortfolio .itemBody { margin: 0 -15px;} .tmplComponent .itemPortfolio { margin: 0 -15px; position: static;} .tmplComponent .itemPortfolio .titlePage { display: none;} .tmplComponent .itemPortfolio .itemHead { padding: 15px 30px; border-bottom: 5px solid #ddd;} .tmplComponent .itemPortfolio .itemHead .catItemInfo { margin-bottom: 0;} .tmplComponent .itemPortfolio .itemTitle { font-size: 28px; text-transform: uppercase;} .tmplComponent .itemPortfolio .catItemInfo .catItemInfoItem { display: inline; text-transform: uppercase;} .tmplComponent .itemPortfolio .catItemInfo .itemTags span:after { content: ", ";} .tmplComponent .itemPortfolio .catItemInfo .itemTags span:last-child::after { content: "";} .tmplComponent .itemPortfolio .itemBodyWrapper {position: absolute;bottom: 0;top: 95px;overflow-y: auto;} .tmplComponent .itemPortfolio .itemBody { padding: 30px 15px; margin: 0;} .tmplComponent .itemPortfolio .itemBody .itemImageBlock { margin-bottom: 0;} .tmplComponent .itemPortfolio .itemImageBlock .viewImages { display: none;} .tmplComponent .itemPortfolio .itemBody .btn { margin-bottom: 10px;} .itemBody .itemInfomation { margin: 16px 0; padding: 16px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;} .itemBody .itemInfomation p { margin-bottom: 16px;} .itemBody .itemInfomation p:last-child { margin-bottom: 0;} .itemBody .itemInfomation span { display: inline-block;} .itemBody .itemInfomation .itemInfomationLabel { min-width: 145px; font-weight: 600;font-family: "karatregular";} .itemBody .itemInfomation .itemInfomationLabel i { width: 14px; margin-right: 5px;} .itemBody .itemInfomation .itemInfomationValue span{ color: #f0ad4e; font-weight: bold;} .itemPortfolio .itemBody div.itemAttachments { display: inline-block; margin-right: 15px;} .itemPortfolio .itemBody .itemAttachments .dropdown-menu{ margin-top: 8px;} .itemPortfolio .itemBody .itemAttachments .dropdown-menu:before { right: auto; left: 10px;} .itemPortfolio .itemBody .itemAttachments .dropdown-menu:after { right: auto; left: 11px;} .itemPortfolio .itemImageBlock { position: relative;} .itemPortfolio .itemImageBlock .viewImages { position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .itemPortfolio .itemImageBlock .viewImages i { width: 44px; height: 44px; position: absolute; top: 50%; margin-top: -22px; left: 50%; margin-left: -22px; border-radius: 100%; color: #fff; font-size: 20px; text-align: center; line-height: 44px; background-color: rgba(0,0,0,0.3); opacity: 0;} .itemPortfolio .itemImageBlock .viewImages:hover i { opacity: 1;} .fancybox-wrap > div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding: 0 !important; position: relative;} .fancybox-title-inside-wrap { position: absolute; bottom: 0; left: 15px} .fancyboxCounter { color: rgba(255,255,255,0.4);} .full-width #block-main .container { width: auto;} .full-width .catPortfolio [class*="col-"] { padding: 0;} .full-width .catPortfolio [class*="col-"] .catItemView { margin: 0;} .modulePortfolio { position: relative;} .modulePortfolio .owl-buttons > div { position: absolute;top: 50%;width: 38px;height: 72px;line-height: 6.1;text-align: center;margin-top: -36px;background-color: rgba(0,0,0,0.85);background-image: url(../images/arrow.png);background-repeat:no-repeat;-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;-webkit-opacity: 0.4;-moz-opacity: 0.4;opacity: 0.4;color: #ffffff;text-indent: -9999em;font-size: 0;} .modulePortfolio .owl-buttons > div:hover {-webkit-opacity: 0.95;-moz-opacity: 0.95;opacity: 0.95;} .modulePortfolio .owl-buttons > div.owl-prev { left: 0; background-position: center left;} .modulePortfolio .owl-buttons > div.owl-next { right: 0; background-position: center right;} @media (min-width: 992px) { .full-width #block-main .container .catPortfolio .p-5 { width: 20%} .full-width .catPortfolio .portfolioFilter { text-align: center;} .full-width .catPortfolio .portfolioFilter a { float: none !important; display: inline-block;} .full-width .pagination-wrap { margin-top: 30px;} } /*========== Shortcode ===========*/ /*Quote*/ blockquote { font-size: inherit; line-height: inherit; background-color: #f8f8f8;} blockquote footer, blockquote small, blockquote .small { font-size: 90%;} .quote-success { border-color: #4cae4c } .quote-info { border-color: #269abc } .quote-warning { border-color: #eea236 } .quote-danger { border-color: #d43f3a } .quote-icon { position: relative;padding-top: 25px; } .quote-icon:before { position: absolute; top: 15px; left: 15px; content: "\f10d"} .quote-icon p {text-indent: 30px;} .quote-unstyled { padding: 0; border: none; background-color: transparent;} [class*="-lhost"] {line-height: 33px;list-style: none;margin: 0;padding: 0;} [class*="-lhost"] li {position: relative;} .check-lhost li, .arrow-lhost li, .square-lhost li, .round-lhost li {padding-left: 15px;} [class*="-lhost"] li:before {content: "";position: absolute;left: 0;display: inline-block;} [class*="-lhost"].check-lhost li:before {content: "\f00c";font-size: 9px;top: 14px;} [class*="-lhost"].arrow-lhost li:before {content: "\f105";top: 9px;} [class*="-lhost"].square-lhost li:before {width: 6px;height: 6px;top: 14px;} [class*="-lhost"].round-lhost li:before {width: 6px;height: 6px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;top: 14px;} [class*="-lhost"].icon-lhost li {padding: 0;} [class*="-lhost"].icon-lhost li i {margin-right: 5px;color: #555555;font-size: 90%;} .alert.alert-icon {padding-left: 64px;position: relative;} .alert.alert-icon:before {position: absolute;width: 32px;height: 32px;top: 15px;left: 16px;font-size: 26px; text-align: center;} .alert.alert-notice.alert-icon:before, .alert.alert-info.alert-icon:before { content: "\f129";} .alert.alert-message.alert-icon:before, .alert.alert-success.alert-icon:before { content: "\f00c";} .alert.alert-warning.alert-icon:before { content: "\f071";} .alert.alert-danger.alert-icon:before, .alert.alert-error.alert-icon:before {content: "\f00d";} .btn { outline: none !important;} .btn-lg { border-radius: 4px;} .btn-outline.btn-primary{background-color: transparent;} .btn-outline.btn-info{background-color: transparent;color: #46b8da;border-color: #46b8da;} .btn-outline.btn-info:hover{background-color: #46b8da; border-color: #46b8da;} .btn-outline.btn-success{background-color: transparent;color: #4cae4c;border-color: #4cae4c;} .btn-outline.btn-success:hover {background-color: #4cae4c; border-color: #4cae4c;} .btn-outline.btn-danger{background-color: transparent;color: #d43f3a;border-color: #d43f3a;} .btn-outline.btn-danger:hover {background-color: #d43f3a; border-color: #d43f3a;} .btn-outline.btn-warning {background-color: transparent;color: #eea236;border-color: #eea236;} .btn-outline.btn-warning:hover {background-color: #eea236; border-color: #eea236;} .btn-outline:hover, .btn-outline:focus {color: #fff !important; background-color: #233444; border-color: #233444;} .btn-outline { background-color: rgba(0,0,0,0.22); border-color: rgba(255,255,255,0.60); color: #fff;} .btn-outline:hover, .btn-outline:focus {color: #fff;} .btn-inverse { background-color: #34495e; color: #fff; border-color: #34495e;} .btn-inverse:hover, .btn-inverse:focus { background-color: #233444; border-color: #233444; color: #fff;} .btn-round { border-radius: 100px; overflow: hidden;} .btn-icon {position: relative;display: inline-block;border: none;padding-left: 50px; overflow: hidden;} .btn-icon .fa {display: inline-block; width: 42px; position: absolute; height: 32px; background: rgba(0,0,0,0.3); top: 0; left: 0px;border-radius: 4px 0 0 4px;line-height: 32px;text-align: center; padding-left: 3px; margin-left: -3px; -moz-transform: skewX(-12deg);-webkit-transform: skewX(-12deg);-o-transform: skewX(-12deg);-ms-transform: skewX(-12deg);transform: skewX(-12deg);} .btn-icon .fa:before{display: inline-block; -moz-transform: skewX(12deg);-webkit-transform: skewX(12deg);-o-transform: skewX(12deg);-ms-transform: skewX(12deg);transform: skewX(12deg);} .btn-icon.btn-lg { padding-left: 65px;} .btn-icon.btn-lg .fa {width: 55px;height: 43px;line-height: 42px; left: -2px;} .btn-icon.btn-lg .fa:after { border-top-width: 43px; border-right-width: 8px;} .btn-icon.btn-sm { padding-left: 45px;} .btn-icon.btn-sm .fa {height: 28px; width: 38px; line-height: 28px;border-radius: 3px 0 0 3px;} .btn-icon.btn-sm .fa:after {border-top-width: 28px;border-right-width: 4px;width: 10px;right: -10px;} .btn-icon.btn-xs { padding-left: 40px} .btn-icon.btn-xs .fa {height: 20px; width: 35px; line-height: 20px;font-size: 9px;} .btn-icon.btn-xs .fa:after {border-top-width: 20px;width: 10px;margin-right: 5px;} .btn-icon.btn-outline { border-width: 1px;} .accordion .panel{ border-radius: 0; border: none; box-shadow: none;} .accordion .panel-heading { border-radius: 0;background-color: transparent !important; border: none; padding: 0; } .accordion .panel-heading a { display: block; padding: 12px 25px 12px 15px; position: relative; color: #fff;} .accordion .panel-heading a:hover {color: #fff;} .accordion .panel-heading a.collapsed { background-color: #f0f0f0 !important; color: #555;} .accordion .panel-heading a i { float: left; margin-right: 10px;} .accordion .panel-heading a:before { content: "\f107"; position: absolute; top: 10px; right: 10px; font-size: 20px;} .accordion .panel-heading a.collapsed:before {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);} .accordion .panel-success>.panel-heading a, .accordion.accordion-default .panel.panel-success .panel-heading a i{ background-color:#4cae4c ;} .accordion .panel-info>.panel-heading a, .accordion.accordion-default .panel.panel-info .panel-heading a i{ background-color:#46b8da ; } .accordion .panel-warning>.panel-heading a, .accordion.accordion-default .panel.panel-warning .panel-heading a i{ background-color: #eea236; } .accordion .panel-danger>.panel-heading a, .accordion.accordion-default .panel.panel-danger .panel-heading a i{ background-color:#d43f3a;} .accordion .panel-collapse .panel-body{ border: 1px solid #eee; border-top: none !important;} .accordion.accordion-unstyled .panel .panel-heading a { background-color: transparent !important; color: #555; padding-left: 30px; padding-right: 13px;} .accordion.accordion-unstyled .panel .panel-heading a:before { right: auto;left: 10px;} .accordion.accordion-unstyled .panel.panel-success .panel-heading a { color: #4cae4c;} .accordion.accordion-unstyled .panel.panel-info .panel-heading a {color: #46b8da;} .accordion.accordion-unstyled .panel.panel-warning .panel-heading a {color: #eea236;} .accordion.accordion-unstyled .panel.panel-danger .panel-heading a {color: #d43f3a;} .accordion.accordion-unstyled .panel .panel-heading a.collapsed { color: #555 !important;} .accordion.accordion-unstyled .panel .panel-body { border: none !important;} .accordion.accordion-faq-number .panel .panel-heading .panel-title { font-size: 14px;} .accordion.accordion-faq-number .panel .panel-heading a { background-color: transparent !important; padding-left: 45px; padding-right: 13px; color: #687e93;padding-top: 10px; padding-bottom: 10px;} .accordion.accordion-faq-number .panel .panel-heading a:before { left: 0; top: 4px; right: auto; content: attr(data-number);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg); font-size:14px; width: 30px; height: 30px; color: #fff; background-color: #687e93; font-weight: bold; text-align: center; line-height: 30px;} .accordion.accordion-faq-number .panel .panel-heading a:after { content: "";display: block;width: 20px;height: 1px;background-color: #ddd;position: absolute;top: 33px;left: 30px;-webkit-transform: rotate(45deg);transform-origin: 0% 0%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .accordion.accordion-faq-number .panel .panel-heading a.collapsed:after { width: 0;} .accordion.accordion-faq-number .panel.panel-success .panel-heading a.collapsed { color: #4cae4c; } .accordion.accordion-faq-number .panel.panel-info .panel-heading a.collapsed{ color: #46b8da; } .accordion.accordion-faq-number .panel.panel-warning .panel-heading a.collapsed{ color: #eea236; } .accordion.accordion-faq-number .panel.panel-danger .panel-heading a.collapsed{ color: #d43f3a; } .accordion.accordion-faq-number .panel .panel-collapse {padding-left: 44px; padding-top: 1px;} .accordion.accordion-faq-number .panel .panel-collapse .panel-body{ border-color: transparent; margin-bottom: 10px; margin-top: 11px;position: relative;padding-top: 5px;padding-bottom: 10px;} .accordion.accordion-faq-number .panel .panel-collapse .panel-body:before { content: ""; display: block; position: absolute; top: 0; left: -2px; width: 1px; height: 0; background-color: #ddd;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .accordion.accordion-faq-number .panel .panel-collapse.in .panel-body:before { height: 100%;} .accordion.accordion-faq-number .panel .panel-collapse .panel-body:first-letter { font-size: 1.5em;} .accordion.accordion-default .panel { border: 1px solid #dcdcdc;} .accordion.accordion-default .panel .panel-heading a, .accordion.accordion-default .panel .panel-heading a.collapsed { background-color: transparent !important; padding-left: 46px;} .accordion.accordion-default .panel .panel-heading a.collapsed { color: #555 !important;} .accordion.accordion-default .panel .panel-heading a i { position: absolute; display: block; left: 10px; top: 50%; margin-top: -10px; width: 20px; height: 20px; line-height: 20px; background-color: #d3d3d3; z-index: 0;} .accordion.accordion-default .panel .panel-heading a.collapsed i { background-color:#d3d3d3 !important; } .accordion.accordion-default .panel .panel-heading a:before { left: 14px; top: 21px; right: auto; width: 11px; height: 1px; background-color: #fff; content: ""; z-index: 1;} .accordion.accordion-default .panel .panel-heading a:after { position: absolute;left: 14px; top: 21px; right: auto; width: 11px; height: 1px; background-color: #fff; content: ""; z-index: 1;} .accordion.accordion-default .panel.panel-success .panel-heading a { color: #4cae4c; } .accordion.accordion-default .panel.panel-info .panel-heading a{ color: #46b8da; } .accordion.accordion-default .panel.panel-warning .panel-heading a{ color: #eea236; } .accordion.accordion-default .panel.panel-danger .panel-heading a{ color: #d43f3a; } .accordion.accordion-default .panel .panel-body { border: none; padding-left: 46px; padding-bottom: 22px;} .accordion.accordion-default.accordion-faq .panel .panel-heading a i { text-align: center; font-size: 22px; background-color: transparent !important;} .accordion.accordion-default.accordion-faq .panel .panel-heading a.collapsed i{ color:#d3d3d3; } .accordion.accordion-default.accordion-faq .panel .panel-heading a:before, .accordion.accordion-default.accordion-faq .panel .panel-heading a:after { display: none;} .service {text-align: center;} .service .ico.fa-5x { font-size: 5.1em;} .service.service-success .ico { color: #4cae4c;} .service.service-info .ico { color: #46b8da;} .service.service-warning .ico { color: #eea236;} .service.service-danger .ico { color: #d43f3a;} .service .text h3 { padding: 12px 0; font-weight: 300;} .service .text div { color: #888;} .service.service-2 { text-align: left; margin-bottom:20px;} .service.service-2 h3 { padding-top: 0; line-height: 1; margin: 0;} .service.service-2 .ico { float: left; font-size: 30px !important;} .service.service-2 .text { padding-left:35px;} .service.service-2 .ico { width: auto !important; height: auto !important; } .service.service-2 .ico.fa-3x + .text{ padding-left: 40px; padding-top:2px; } .service.service-2 .ico.fa-3x + .text h3{ line-height:26px; font-size:17px; color:#888 ; text-align:justify;} .service.service-2 .ico.fa-4x + .text{ padding-left: 65px;} .service.service-2 .ico.fa-4x + .text h3{ padding-top: 0px;} .service.service-2 .ico.fa-5x + .text{ padding-left: 75px;} .service.service-2 .ico.fa-5x + .text h3{ padding-top: 0;} .service.background .ico { color: #fff !important; border-radius: 100%;min-width: 34px;min-height: 40px;line-height: 40px; display: inline-block;} .service.background.square .ico { border-radius: 0;} .service.background.service-success .ico { background: #4cae4c;} .service.background.service-info .ico { background: #46b8da;} .service.background.service-warning .ico { background: #eea236;} .service.background.service-danger .ico { background: #d43f3a;} .service.background .ico.fa-2x { width: 60px; height: 60px; line-height: 60px;} .service.background .ico.fa-2x.img { line-height: 50px;} .service.background .ico.fa-3x { width: 80px; height: 80px; line-height: 80px;} .service.background .ico.fa-3x.img { line-height: 65px;} .service.background .ico.fa-4x { width: 100px; height: 100px; line-height: 100px;} .service.background .ico.fa-4x.img { line-height: 9s0px;} .service.background .ico.fa-5x { width: 130px; height: 130px; line-height: 130px;} .service.background .ico.fa-5x.img { line-height: 120px;} .service.border .ico {border-radius: 100%;min-width: 40px;min-height: 40px;line-height: 34px; display: inline-block; border: 2px solid;} .service.border .ico.fa-2x { width: 60px; height: 60px; line-height: 60px;} .service.border .ico.fa-2x.img { line-height: 50px;} .service.border .ico.fa-3x { width: 80px; height: 80px; line-height: 80px;} .service.border .ico.fa-3x.img { line-height: 65px;} .service.border .ico.fa-4x { width: 100px; height: 100px; line-height: 100px;} .service.border .ico.fa-4x.img { line-height: 9s0px;} .service.border .ico.fa-5x { width: 130px; height: 130px; line-height: 130px;} .service.border .ico.fa-5x.img { line-height: 120px;} .reseller-feature .service { margin-bottom: 20px;} .reseller-feature .service .img { margin-right: 20px;} .reseller-feature .service .text h3 { font-size: 18px; font-family: inherit; font-weight: 400;} .reseller-feature .service .text div { color: #fff; font-weight: 100;} .jvtabs .nav-tabs a { color: #fff; padding: 13px 20px; font-size: 16px;} .jvtabs .tab-content { padding: 25px 0;} .jvtabs .nav-tabs + .tab-content { padding: 20px; border: 1px solid #dcdcdc; border-width: 0 1px 1px 1px;} .modJvtab.jvtabs .nav-pills a { padding: 8px 20px; font-style: 14px;} .jvtabs .nav-pills a {border: 1px solid #dcdcdc; padding: 12px 20px; font-size: 16px;} .jvtabs .nav-pills.host { overflow: hidden;} .jvtabs .nav-pills.host li { margin-left: 0;} .jvtabs .nav-pills.host li:first-child { margin-left: -10px;} .jvtabs .nav-pills.host a{ font-weight: 100; padding: 15px 35px; border-radius: 0; border: none; color: #fff; position: relative; z-index: 0;-moz-transform: skewX(-25deg);-webkit-transform: skewX(-25deg);-o-transform: skewX(-25deg);-ms-transform: skewX(-25deg);transform: skewX(-25deg);} .jvtabs .nav-pills.host a i { margin-right: 5px} .jvtabs .nav-pills.host a > *{ display: inline-block; -moz-transform: skewX(25deg);-webkit-transform: skewX(25deg);-o-transform: skewX(25deg);-ms-transform: skewX(25deg);transform: skewX(25deg);} .jvtabs .nav-pills.host a:hover { background-color: rgba(255,255,255,0.1);} .jvtabs .nav-pills.host .active a { z-index: 1;} .testimonials.classic .tmnItem{ margin-bottom: 40px; position: relative;} .testimonials.classic .tmnItem .tmnAvatar { width: 82px; position: absolute; float: left; z-index: 0; top: 0; left: 0;} .testimonials.classic .tmnItem .tmnContent { padding-left: 81px;} .testimonials.classic .tmnItem .tmnContent .tmnContentInner { padding: 17px 20px 20px; border: 1px solid #ddd;-webkit-box-shadow: 2px 2px 0 0 rgba(0,0,0,.08); box-shadow:2px 2px 0 0 rgba(0,0,0,.08);} .testimonials.classic .tmnItem .tmnContent .tmnContentInner:before { content: ""; position: absolute; top: 10px; left: 64px; border: 9px solid transparent; border-color: transparent #fff transparent transparent;} .testimonials.classic .tmnItem .tmnContent .tmnContentInner .tmnHead { margin-bottom: 25px;} .testimonials.classic .tmnItem .tmnContent .tmnContentInner .tmnHead h4 small { font-weight: 300; margin-left: 15px;} .testimonials.classic .tmnItem .tmnContent .tmnContentInner .tmnHead h4 a {font-size: 75%; color: #999; font-weight: 300; font-style: italic; margin-left: 10px;} .testimonials.classic .tmnItem .tmnContent .tmnContentInner .tmnHead .tmnDate { color: #999; font-style: italic; font-size: 0.928em; position: absolute; top: 17px; right: 20px;} .testimonials.classic .tmnItem .tmnContent .tmnContentInner .tmnBody { line-height: 1.57142; color: #777;} .testimonials.classic.slide-1 .tmnItem { margin: 5px;} .testimonials.classic.slide-1 .tmnItem .tmnAvatar { width: 130px; border-radius: 100%; overflow: hidden;} .testimonials.classic.slide-1 .tmnItem .tmnContent { padding-left: 160px;} .testimonials.classic.slide-1 .tmnItem .tmnContent .tmnContentInner { position: relative;} .testimonials.classic.slide-1 .tmnItem .tmnContent .tmnContentInner:before { content: ""; border-width: 0 21px 21px 0;left: -21px;top: 0; z-index: 1} .testimonials.classic.slide-1 .tmnItem .tmnContent .tmnContentInner:after { content: ""; position: absolute; border-width: 0 23px 23px 0; border-style: solid; border-color: transparent #ddd transparent transparent; left: -23px;top: -1px; z-index: 0} .testimonials.classic.slide-1 .tmnItem .tmnContent .tmnContentInner .tmnHead { margin-bottom: 20px;} .testimonials.classic.slide-1 .tmnItem .tmnContent .tmnContentInner .tmnHead .subname {font-size: 0.928em; color: #999; margin-bottom: 10px;} .testimonials.classic.slide-1 .tmnItem .tmnContent .tmnContentInner .tmnHead .link {font-size: 0.928em; color: #999; margin-bottom: 0;} .testimonials.classic.slide-1 .tmnItem .tmnContent .tmnContentInner .tmnHead .link i { margin-right: 5px;} .testimonials.classic.slide-1 .owl-pagination { margin-top: 40px; text-align: center;} .testimonials.classic.slide-1 .owl-pagination > div, .testimonials.slide-2 .owl-pagination > div { display: inline-block; width: 10px; height: 10px; border: 5px solid #34495e; margin: 0 4px;} .testimonials.classic.slide-1 .owl-pagination > div.active, .testimonials.slide-2 .owl-pagination > div.active { border-width: 2px; width: 20px;} .testimonials.slide-2 { text-align: center;} .testimonials.slide-2 .tmnItem { text-align: center;} .testimonials.slide-2 .tmnItem .tmnAvatar { width: 144px; height: 144px; border-radius: 100%; overflow: hidden; display: inline-block;} .testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .tmnHead { margin-top: 25px;} .testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .tmnHead h3 { font-weight: 300; text-transform: uppercase;} .testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .tmnHead .subname { opacity: 0.8;} .testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .tmnBody p { font-size: 1.71428em; display: block; } .testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .tmnBody { font-size: 1.14285em; line-height: 1.5; margin-bottom: 35px; margin-bottom: 40px;} .testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .link .fa { margin-right: 6px;} .parentBackground { border: none; background-color: transparent;} .jvcustom.background .testimonials.slide-2 .btn { border-color: #fff; padding-top: 8px; padding-bottom: 8px;} .jvcustom.background .testimonials.slide-2 .owl-pagination > div { border-color: #fff;} .homeTestimonials .testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .tmnHead h3 { display: inline-block; font-family: inherit;} .homeTestimonials .testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .tmnHead h3:after {content: ", ";} .homeTestimonials .testimonials.slide-2 .tmnItem .tmnContent .tmnContentInner .tmnHead .subname {font-weight: 100;text-transform: uppercase;font-size: 20px;display: inline-block;} .jvCarousel .owl-buttons > div { content: ""; display: inline-block; position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; background-color: rgba(0,0,0,0.7); color: #fff; text-align: center; line-height: 40px; font-size: 16px; border-radius: 3px; opacity: 0;} .jvCarousel:hover .owl-buttons > div { opacity: 0.6;} .jvCarousel .owl-buttons > div:hover { opacity: 0.9;} .jvCarousel .owl-buttons > div.owl-prev { left: 10px;} .jvCarousel .owl-buttons > div.owl-prev:before { content: "\f104";} .jvCarousel .owl-buttons > div.owl-next { right: 10px;} .jvCarousel .owl-buttons > div.owl-next:before { content: "\f105";} .jvCarousel .owl-pagination { padding: 15px 0;} .jvCarousel .owl-pagination > div { display: inline-block; width: 10px; height: 10px; margin: 0 4px; border: 5px solid #dcdcdc;} .jvCarousel .owl-pagination > div:first-child { margin-left: 0;} .jvCarousel .owl-pagination > div:last-child { margin-right: 0;} .jvCarousel .owl-pagination > div.active { border-width: 2px; width: 20px;} .jvCarousel .owl-pagination + .owl-buttons > div { margin-top: -54px;} .jvCarousel .jvCarouselCaption { position: absolute; left: 10px; bottom: 10px; background-color: rgba(0,0,0,0.5); color: #fff; padding: 12px 10px; margin-bottom: 0;} .jvCarousel .jvCarouselCaption:empty { display: none;} .jvCarousel .jvCarouselItem { position: relative;} .pricing { border: 1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;text-align: center;} .pricing .pricingHead {background-color: #ddd;height: 110px;margin-bottom: 60px;} .pricing .pricingHead .pricingValue {width: 140px;height: 140px;line-height: 80px;font-size: 60px;position: absolute;left: 50%;margin-left: -70px;top: 33px;background-color: #fff;border: 2px solid #ddd;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;padding-top: 25px;} .pricing .pricingHead .pricingValue small {font-size: 15px;display: block;line-height: 16px;} .pricing .pricingBody {padding: 30px 10px 20px;} .pricing .pricingBody h3 {margin-bottom: 35px;} .pricing .btn {margin-top: 25px;margin-right: 0 !important;} .pricing.pricingFeature {border: 1px solid #ffda00;} .pricing.pricingFeature .pricingHead .pricingValue {border-color: #fff; color: #ffffff;} .pricing.pricingFeature.info {border-color: #46b8da;} .pricing.pricingFeature.info .pricingHead {background-color: #46b8da;} .pricing.pricingFeature.info .pricingHead .pricingValue {background-color: #46b8da;} .pricing.pricingFeature.success {border-color: #47a447;} .pricing.pricingFeature.success .pricingHead {background-color: #47a447;} .pricing.pricingFeature.success .pricingHead .pricingValue {background-color: #47a447;} .pricing.pricingFeature.warning {border-color: #eea236;} .pricing.pricingFeature.warning .pricingHead {background-color: #eea236;} .pricing.pricingFeature.warning .pricingHead .pricingValue {background-color: #eea236;} .pricing.pricingFeature.danger {border-color: #d43f3a;} .pricing.pricingFeature.danger .pricingHead {background-color: #d43f3a;} .pricing.pricingFeature.danger .pricingHead .pricingValue {background-color: #d43f3a;} .progress {height: 28px;overflow: visible;background-color: #f1f1f1;margin: 9px 0 23px 0;width: 100%;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;} .customAnimation {-webkit-animation-name: customAnimation; -moz-animation-name: customAnimation; -o-animation-name: customAnimation; animation-name: customAnimation;} @-webkit-keyframes customAnimation {0% {width: 0%;}} @-moz-keyframes customAnimation {0% {width: 0%;}} @-o-keyframes customAnimation {0% {width: 0%;}} @keyframes customAnimation {0% {width: 0%;}} .progress-bar {height: 28px;margin-top: 0;background-color: #ddd;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;} .progress-bar.width1 {width: 1%;}.progress-bar.width2 {width: 2%;}.progress-bar.width3 {width: 3%;}.progress-bar.width4 {width: 4%;}.progress-bar.width5 {width: 5%;}.progress-bar.width6 {width: 6%;}.progress-bar.width7 {width: 7%;}.progress-bar.width8 {width: 8%;}.progress-bar.width9 {width: 9%;} .progress-bar.width10 {width: 10%;}.progress-bar.width11 {width: 11%;}.progress-bar.width12 {width: 12%;}.progress-bar.width13 {width: 13%;}.progress-bar.width14 {width: 14%;}.progress-bar.width15 {width: 15%;}.progress-bar.width16 {width: 16%;}.progress-bar.width17 {width: 17%;}.progress-bar.width18 {width: 18%;}.progress-bar.width19 {width: 19%;} .progress-bar.width20 {width: 20%;}.progress-bar.width21 {width: 21%;}.progress-bar.width22 {width: 22%;}.progress-bar.width23 {width: 23%;}.progress-bar.width24 {width: 24%;}.progress-bar.width25 {width: 25%;}.progress-bar.width26 {width: 26%;}.progress-bar.width27 {width: 27%;}.progress-bar.width28 {width: 28%;}.progress-bar.width29 {width: 29%;} .progress-bar.width30 {width: 30%;}.progress-bar.width31 {width: 31%;}.progress-bar.width32 {width: 32%;}.progress-bar.width33 {width: 33%;}.progress-bar.width34 {width: 34%;}.progress-bar.width35 {width: 35%;}.progress-bar.width36 {width: 36%;}.progress-bar.width37 {width: 37%;}.progress-bar.width38 {width: 38%;}.progress-bar.width39 {width: 39%;} .progress-bar.width40 {width: 40%;}.progress-bar.width41 {width: 41%;}.progress-bar.width42 {width: 42%;}.progress-bar.width43 {width: 43%;}.progress-bar.width44 {width: 44%;}.progress-bar.width45 {width: 45%;}.progress-bar.width46 {width: 46%;}.progress-bar.width47 {width: 47%;}.progress-bar.width48 {width: 48%;}.progress-bar.width49 {width: 49%;} .progress-bar.width50 {width: 50%;}.progress-bar.width51 {width: 51%;}.progress-bar.width52 {width: 52%;}.progress-bar.width53 {width: 53%;}.progress-bar.width54 {width: 54%;}.progress-bar.width55 {width: 55%;}.progress-bar.width56 {width: 56%;}.progress-bar.width57 {width: 57%;}.progress-bar.width58 {width: 58%;}.progress-bar.width59 {width: 59%;} .progress-bar.width60 {width: 60%;}.progress-bar.width61 {width: 61%;}.progress-bar.width62 {width: 62%;}.progress-bar.width63 {width: 63%;}.progress-bar.width64 {width: 64%;}.progress-bar.width65 {width: 65%;}.progress-bar.width66 {width: 66%;}.progress-bar.width67 {width: 67%;}.progress-bar.width68 {width: 68%;}.progress-bar.width69 {width: 69%;} .progress-bar.width70 {width: 70%;}.progress-bar.width71 {width: 71%;}.progress-bar.width72 {width: 72%;}.progress-bar.width73 {width: 73%;}.progress-bar.width74 {width: 74%;}.progress-bar.width75 {width: 75%;}.progress-bar.width76 {width: 76%;}.progress-bar.width77 {width: 77%;}.progress-bar.width78 {width: 78%;}.progress-bar.width79 {width: 79%;} .progress-bar.width80 {width: 80%;}.progress-bar.width81 {width: 81%;}.progress-bar.width82 {width: 82%;}.progress-bar.width83 {width: 83%;}.progress-bar.width84 {width: 84%;}.progress-bar.width85 {width: 85%;}.progress-bar.width86 {width: 86%;}.progress-bar.width87 {width: 87%;}.progress-bar.width88 {width: 88%;}.progress-bar.width89 {width: 89%;} .progress-bar.width90 {width: 90%;}.progress-bar.width91 {width: 91%;}.progress-bar.width92 {width: 92%;}.progress-bar.width93 {width: 93%;}.progress-bar.width94 {width: 94%;}.progress-bar.width95 {width: 95%;}.progress-bar.width96 {width: 96%;}.progress-bar.width97 {width: 97%;}.progress-bar.width98 {width: 98%;}.progress-bar.width99 {width: 99%;} .progress-bar.width100 {width: 100%;} .progressbar .progressItem {padding-bottom: 15px;} .progressbar .progressItem h4 {font-weight: 300;margin-bottom: 15px;} .progressbar.progressbar-black .progress-bar, .progressbar.progressbar-inverse .progress-bar {background-color: #444;} .progressbar.progressbar-info .progress-bar {background-color: #5bc0de;} .progressbar.progressbar-success .progress-bar {background-color: #5cb85c;} .progressbar.progressbar-warning .progress-bar {background-color: #f0ad4e;} .progressbar.progressbar-danger .progress-bar {background-color: #d9534f;} .progressbar.progressbar-white .progress {background-color: rgba(255, 255, 255, 0.2);} .progressbar.progressbar-white .progress-bar {background-color: #ffffff;} .completed {margin-bottom: 0;margin-top: 0px;font-size: 18px;} .piechartWrapper {color: #34495e;} .divpiechart {text-align: center;position: relative;} .divpiechart .center{position: absolute;top: 0;left: 0;right: 0;display: block;text-align: center;} .piechartWrapper h2 {font-weight: 300;margin: 20px 0;} .countingWapper {text-align: center;} .countingWapper .counting {font-size: 50px; margin: 15px 0;} .countingWapper.counting-info {color: #39b3d7;} .countingWapper.counting-success {color: #47a447;} .countingWapper.counting-warning {color: #f0ad4e;} .countingWapper.counting-danger {color: #d9534f;} .countingWapper.counting-white {color: #ffffff;} .countingWapper.counting-black {color: #222222;} .countingWapper .countingIcon {font-size: 90px;line-height: 1.3;} .countingWapper .countingTitle {font-size: 19px;font-weight: 400;} .jvVideo iframe {border: none !important; } .jvVideo.responsive { position: relative; width: 100%; padding: 0 0 56% 0;} .jvVideo.responsive iframe {position: absolute; top: 0; left: 0;width: 100%!important;height: 100%!important;} /*Tutorial Video*/ .videoTutorial .tutorialVideoItem{ position: relative;} .videoTutorial .tutorialVideoItem a i{ position: absolute; top: 50%; margin-top: -27px; left: 50%; margin-left: -27px; width: 54px; height: 54px; border: 2px solid #fff; border-radius: 100%; text-align: center; line-height: 50px; color: #fff; text-shadow: 0 0 3px rgba(0,0,0,0.2); font-size: 20px;} .videoTutorial .tutorialVideoItem .moduleItemTitle { position: absolute;top: 50%;margin-top: -18px;line-height: 36px;text-align: center;display: block;width: 100%;left: 0;background-color: #555;color: #fff;font-weight: 100;text-transform: uppercase;font-size: 12px; opacity: 0;} .videoTutorial .tutorialVideoItem:hover a i { opacity: 0;} .videoTutorial .tutorialVideoItem:hover .moduleItemTitle { opacity: 1;} /*parents*/ .jvPartners {width: auto; } .jvPartners .jvPartnersItem a { display: block;border: 1px solid #ddd; text-align: center;} .jvPartners.default .jvPartnersItem { margin: 17px 0;} .jvPartners.owl-carousel { width: auto;} .jvPartners.jvCarousel .owl-pagination { padding-left: 15px; padding-right: 15px;} .jvPartners.jvCarousel .owl-pagination + .owl-buttons > div { margin-top: -45px;} /*========== Components ===========*/ /*News/Blog K2*/ .itemListView {} .itemListView .itemListCategoriesBlock {} .itemListView .itemListCategoriesBlock .itemListCategory{ margin-bottom: 35px;} .itemListView .itemListCategoriesBlock .itemListSubCategories{ margin-bottom: 35px;} .itemListView .itemListCategoriesBlock .itemListSubCategories > h3 { margin-bottom: 20px;} .itemListView .itemListCategoriesBlock .itemListSubCategories .subCategoryContainer { margin-bottom: 30px;} .catItemView { margin-bottom: 40px;} .catItemView .catItemTitle { margin-bottom: 10px; margin-top: 20px;} .catItemView .catItemTitle a { color: #555;} .catItemInfo { font-size: 12px; color: #999; margin-bottom: 12px;} .catItemInfo .catItemInfoItem { display: inline-block; margin-right: 15px;} .catItemInfo .catItemInfoItem ul { list-style: none; margin: 0; padding: 0; display: inline-block;} .catItemInfo .catItemInfoItem ul li{display: inline-block; margin-left: 10px; font-style: italic;} .catItemBody { color: #555;} .news .itemListLeading { position: relative; margin-bottom: 40px;} .itemListLeading .catItemView, .blog .catItemView{ position: relative; margin-bottom: 0;} .itemListLeading .catItemView .catItemViewContent { position: absolute; bottom: 20px; left: 20px; max-width: 66%; background-color: rgba(0,0,0,0.75); padding: 15px 20px;} .itemListLeading .catItemView .catItemViewContent .catItemTitle { margin-top: 10px;} .itemListLeading .catItemView .catItemViewContent a { color: #fff;} .itemListLeading .catItemView .catItemViewContent .catItemInfo { color: #a1a1a1;} .sigProContainer .owl-controls .owl-buttons > div, .itemListLeading .owl-controls .owl-buttons > div { position: absolute; top: 50%; width: 45px; height: 64px; margin-top: -32px; background: transparent url(../images/arrow.png) no-repeat; opacity: 0.6} .sigProContainer :hover .owl-controls .owl-buttons > div, .itemListLeading :hover .owl-controls .owl-buttons > div { opacity: 1;} .sigProContainer .owl-controls .owl-buttons > div.owl-prev, .itemListLeading .owl-controls .owl-buttons > div.owl-prev { left: 0; background-position: 0 0;} .sigProContainer .owl-controls .owl-buttons > div.owl-next, .itemListLeading .owl-controls .owl-buttons > div.owl-next { right: 0; background-position: right top;} .sigProContainer .sigProImg { background-size: cover; background-position: center; background-repeat: no-repeat;} .itemListLinks { border-top: 2px solid #eee; padding-top: 30px; padding-bottom: 20px;} .itemListLinks .catItemView { margin-bottom: 10px;} .itemListLinks .catItemView .catItemImageBlock { width: 30px; height: 30px; margin-right: 10px; background-size: cover; background-position: center;} .itemListLinks .catItemView .catItemTitle { margin: 0; line-height: 30px;} .itemListLinks .catItemView .catItemTitle a:hover { color: #666;} .catItemVideoBlock, .itemVideoBlock { background-size: cover; background-position: center;} .blog .itemList article { margin-bottom: 60px;} .catItemViewLeft {position: absolute;top: 0;left: 0;width: 80px; color: #888;} .catItemViewLeft .catItemIcon { position: relative; height: 80px; border-radius: 80px; border: 1px solid #ccc; line-height: 80px; text-align: center; font-size: 34px; margin-bottom: 30px;} .catItemViewLeft .catItemIcon > * { position: relative; z-index: 1; color: #fff;} .catItemViewLeft .catItemIcon:after { content: ""; position: absolute; width: 70px; height: 70px; top: 4px; left: 4px; background-color: transparent; border-radius: 100%; z-index: 0;} .catItemViewLeft .catItemIcon .gallery:after { content: ""; display: block; width: 36px; height: 34px; border: 3px solid #fff; border-color: #fff transparent transparent #fff; border-radius: 3px; position: absolute; top: -5px; left: -5px;} .catItemViewLeft .catItemDate .iconDate { height: 80px; border: 1px solid #ddd; border-radius: 80px; text-align: center; font-size: 28px; line-height: 80px; font-weight: 100;} .catItemViewLeft .catItemDate .month { font-weight: 100; font-size: 20px; color: #666; display: block; border-bottom: 1px solid #eee; margin-bottom: 25px; padding-bottom: 15px;} .catItemViewLeft .catItemVote { font-size: 30px; text-align: center;} .catItemViewLeft .catItemVote .word2, .catItemViewLeft .catItemVote .char1 { display: none;} .catItemViewRight {padding-left: 110px;min-height: 330px; position: relative; padding-bottom: 60px;} .tutorial .catItemViewRight { padding-left: 0;} .blog .itemList article .catItemView .catItemViewRight:after{ content: ""; display: block; border-bottom: 1px dashed #dcdcdc; position: absolute; bottom: 0; left: 110px; right: 0;} /*Tutorial*/ .itemListView.tutorial .itemList { margin-top: 20px; margin-bottom: 40px;} .itemListView.tutorial .catItemView{ margin: 0;} .itemListView.tutorial .catItemView .catItemTitle { margin-top: 10px;} .itemListView.tutorial .catItemView .catItemTitle .fa { margin-right: 5px;} .itemListView.tutorial .catItemView .catItemTitle a:hover {color: #555;} /*Plugin*/ .blog.plugin .itemList article { margin-bottom: 0;} .blog.plugin .itemList article .catItemView {border-bottom:1px solid #ddd!important; padding-bottom: 30px; margin-bottom: 30px;} .blog.plugin .itemList article .catItemView:after { content: ""; display: block; clear: both;} .blog.plugin .itemList article .catItemView.plugin .catItemViewRight { min-height: 0; padding-bottom: 0;} .blog.plugin .itemList article .catItemView.plugin .catItemViewRight:after { display: none;} .blog.plugin .itemList article .catItemView.plugin .catItemImageBlock{ max-width: 105px; float: left; margin-right: 20px;} .blog.plugin .itemList article .catItemView.plugin .catItemTitle { font-size: 16px; padding-right: 125px; margin-top: 0;} .blog.plugin .itemList article .catItemView.plugin .catItemAttachments { position: absolute; top: 0; right: 0;} .blog.plugin .itemList article .catItemView.plugin .catItemAttachments .dropdown-menu {margin-top: 8px;} .blog.plugin .itemList article .catItemView.plugin .catItemAttachments .dropdown-menu:before, .itemBody .itemAttachments .dropdown-menu:before{ content: ""; position: absolute; top: -6px; right: 10px; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #ddd transparent;} .blog.plugin .itemList article .catItemView.plugin .catItemAttachments .dropdown-menu:after, .itemBody .itemAttachments .dropdown-menu:after { content: ""; position: absolute; top: -5px; right: 11px; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #fff transparent;} .blog.plugin .itemList article .catItemView.plugin .catItemIntroText p{ color: #888; margin-bottom: 10px;} /*News/Blog Detail K2*/ .itemView { position: relative;} .itemView .itemTitle { margin-top: 0;} .itemView .catItemInfo { margin-bottom: 26px;} .itemView .itemImageGallery, .itemView .itemVideoBlock, .itemView .itemImageBlock { margin-bottom: 35px;} .itemView .itemRatingBlock { margin: 0 10px;} .itemView .itemToolbar > .fa {color: #888;} .itemView .itemToolbar .dropdown-menu > li > a {font-weight: 300;font-size: 0.90em;} .itemView .itemToolbar .dropdown-menu > li > a i {display: inline-block;width: 20px;text-align: center;color: #666;} .itemView .itemToolbar .fa-font-a:before {content: "a";} /*Social*/ .itemView .itemSocialSharingFooter {padding: 30px 0;border: 1px solid #e7e7e7;border-width: 1px 0;margin-bottom: 25px;} .itemView .itemSocialSharingFooter > div {display: inline-block;} /*Tags*/ .itemView .itemTagsBlock { margin-bottom: 25px;} .itemView .itemTagsBlock .itemTags {list-style: none;margin: 0;padding: 0;display: inline-block;} .itemView .itemTagsBlock .itemTags li {display: inline-block;margin-bottom: 5px;margin-left: 15px;} .itemView .itemTagsBlock .itemTags li a {color: #999;} /*Author*/ .itemView .itemAuthorBlock {margin-bottom: 45px; padding: 15px 15px 20px; border: 1px solid #e7e7e7; border-radius:0;} .itemView .itemAuthorBlock .itemAuthorAvatar {float: left;max-width: 120px;} .itemView .itemAuthorBlock .itemAuthorDetails {padding-left: 130px;} .itemView .itemAuthorBlock .itemAuthorDetails .itemAuthorName {font-size: 1.43em;font-weight: 300;} .itemView .itemAuthorBlock .itemAuthorDetails .itemAuthorName a {} .itemView .itemAuthorBlock .itemAuthorLatest {clear: both;margin-top: 30px;padding-top: 30px;border-top: 1px dotted #eee;} .itemView .itemAuthorBlock .itemAuthorLatest h6 {margin-bottom: 15px;} .itemView .itemAuthorBlock .itemAuthorLatest ul {list-style: none;padding: 0;margin: 0;} .itemView .itemAuthorBlock .itemAuthorLatest ul li {line-height: 26px;} .itemView .itemAuthorBlock:after {content: "";clear: both;} .itemView .itemRelated {margin-bottom: 30px;} .itemView .itemRelated h4 {font-weight: 300; text-transform: uppercase;} .itemView .itemRelated .itemRelatedList {margin-left: -15px;margin-right: -15px;} .itemView .itemRelated .itemRelatedList .itemRelatedItem {padding: 0 15px;float: left;width: 33.33%;} .itemView .itemRelated .itemRelatedList .itemRelatedItem .itemRelImg {width: 100%;background-size: cover;background-position: center;margin-bottom: 10px;} .itemView .itemRelated .itemRelatedList .itemRelatedItem .itemRelImg img {width: 100%;} .itemView .itemRelated .itemRelatedList .itemRelatedItem .itemRelImg .owl-buttons div {width: 35px;height: 35px;margin-top: -17.5px;line-height: 36px;-webkit-opacity: 0;-moz-opacity: 0;opacity: 0;} .itemView .itemRelated .itemRelatedList .itemRelatedItem .itemRelImg .owl-buttons div.owl-prev {left: 0; background-position: left center;} .itemView .itemRelated .itemRelatedList .itemRelatedItem .itemRelImg .owl-buttons div.owl-next {right: 0;background-position: right center;} .itemView .itemRelated .itemRelatedList .itemRelatedItem .itemRelImg:hover .owl-buttons div {-webkit-opacity: 0.6;-moz-opacity: 0.6;opacity: 0.6;} .itemView .itemNavigation {padding: 10px 20px;margin-bottom: 40px;background: #f8f8f8;border-radius: 3px;} .itemView .itemNavigation .itemNav {line-height: 30px;} .itemView .itemNavigation .itemNav span {display: inline-block;} .itemView .itemCommentsForm .form-control{border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;} .itemComments .itemCommentsCounter { margin-bottom: 35px;} .itemCommentsList .itemCommentsItem{ margin-bottom: 35px;} .itemCommentsList .itemCommentsItem .commentLeft img { width: 60px; height: 60px; border-radius: 100%;} .itemCommentsList .itemCommentsItem .commentRight { padding-left: 80px;} .commentRightContent { border: 1px solid #dcdcdc; padding: 15px; background-color: #fcfcfc; position: relative;} .commentRightContent:before, .commentRightContent:after { position: absolute; display: block; content: "";border-style: solid;} .commentRightContent:before { border-width: 9px 9px 9px 0;border-color: transparent #fcfcfc transparent transparent;top: 20px;left: -9px;z-index: 1;} .commentRightContent:after { border-width: 10px 10px 10px 0; border-color: transparent #dcdcdc transparent transparent; top: 19px; left: -10px; z-index: 0;} .commentRightContent .commentInfo { margin-bottom: 25px;} .commentRightContent .commentInfo .commentLink { color: #888; font-style: 90%;} .commentRightContent .commentInfo .commentLink a { color: #999;} .commentRightContent .commentInfo .commentDate { color: #999;} .commentRightContent .commentToolbar { padding-top: 15px; border-top: 1px solid #eee; font-size: 96%; overflow: hidden; display: block;} .commentRightContent .commentToolbar a{ display: inline-block; margin-right: 20px; float: left;} .itemView .itemComments .pagination {margin-left: 80px;margin-top: 0;border: 1px solid #dcdcdc;background-color: #fcfcfc;text-align: center;display: block;border-radius: 0;overflow: hidden;padding: 9px 0px 5px;margin-bottom: 55px;} .itemView .itemCommentsFormNotes { font-size: 90%; margin: 20px 0; color: #999; font-style: italic;} /*Rating*/ .itemRatingBlock, .catItemRatingBlock {overflow: hidden;} .itemRatingForm {display: inline-block;vertical-align: middle;} .itemRatingForm .formLogLoading {background: url(../images/default/loading.gif) no-repeat scroll left center rgba(0, 0, 0, 0);height: 21px;padding: 0 0 0 20px;} .itemRatingLog {display: inline-block;font-size: 12px;margin: 0;padding: 0 0 0 4px;} .itemRatingList {background: url(../images/default/transparent_star.gif) repeat-x scroll left -1000px rgba(0, 0, 0, 0);float: left;height: 18px;list-style: none outside none;margin: 0;overflow: hidden;padding: 0;position: relative;width: 90px;background-position: left top;} .itemRatingList .set {border: medium none;cursor: pointer;height: 18px;left: 0;line-height: 18px;outline: medium none;overflow: hidden;position: absolute;text-indent: -1000px;top: 0;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;} .itemRatingList li {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);display: inline;padding: 0;} .itemRatingList a {border: medium none;cursor: pointer;height: 18px;left: 0;line-height: 18px;outline: medium none;overflow: hidden;position: absolute;text-indent: -1000px;top: 0;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;} .itemRatingList a:hover {background: url(../images/default/transparent_star.gif) repeat-x scroll left -1000px rgba(0, 0, 0, 0);background-position: left bottom;} .itemRatingList a.one-star {width: 20%;z-index: 6;} .itemRatingList a.two-stars {width: 40%;z-index: 5;} .itemRatingList a.three-stars {width: 60%;z-index: 4;} .itemRatingList a.four-stars {width: 80%;z-index: 3;} .itemRatingList a.five-stars {width: 100%;z-index: 2;} .itemRatingList .itemCurrentRating {border: medium none;cursor: pointer;height: 18px;left: 0;line-height: 18px;outline: medium none;overflow: hidden;position: absolute;text-indent: -1000px;top: 0;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;background: url(../images/default/transparent_star.gif) repeat-x scroll left -1000px rgba(0, 0, 0, 0);background-position: 0 center;margin: 0;padding: 0;z-index: 1;} /*Pagination*/ .news .itemList + .pagination-wrap { border-top: 1px solid #eee;} .pagination-wrap:after{ content: ""; display: block; clear:both;} .pagination-wrap .counter { float: right; background-color: transparent; border-color: transparent; font-style: italic;padding-top: 2px;padding-bottom: 2px;} .pagination>li { display: inline-block;} .pagination>li>a, .pagination>li>span {padding: 2px 7px;line-height: 18px;border-radius: 18px !important;margin-left: 0;margin-right: 10px;} .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {background-color: transparent; border-color: transparent; font-weight: bold;} .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus { border-color: transparent;} .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { color: #fff;} .pagination>li>a, .pagination>li>span { border-color: transparent; color: inherit;} /*Tags/User Page*/ .tagView .ItemView, .userView .ItemView, .genericView .genericItemView {padding-bottom: 0;margin-bottom: 50px;overflow: hidden;} .tagView .ItemImage, .userView .ItemImage, .genericView .ItemImage {background-size: cover;background-position: center;margin-bottom: 0;margin-right: 15px;} .tagView .ItemImage img, .userView .ItemImage img, .genericView .ItemImage img {width: 150px;} .userView .userBlock {margin-bottom: 30px;} .userView .userBlock .thumb {float: left;margin-right: 15px;} .userAdditionalInfo, .userBlock .thumb + div {padding-left: 115px;} .userAdditionalInfo div {display: inline-block;margin-right: 20px;margin-bottom: 10px;line-height: 24px;} .tagView .ItemTitle, .userView .ItemTitle {padding: 0 0 10px 0;margin-bottom: 0;} .tagView .ItemReadMore a, .userView .ItemReadMore a {font-family: 'karatregular';font-size: 16px;font-weight: 300;} .tagView .ItemIntroText, .userView .ItemIntroText, .genericView .ItemIntroText {margin-bottom: 10px;} .ItemLinksWork {color: #999;font-size: 12px;margin-bottom: 20px;} .ItemLinksWork > * {margin-left: 10px;padding-left: 10px;border-left: 1px solid #dcdcdc;} .ItemLinksWork > *:first-child {margin-left: 0;padding-left: 0;border-left: none;} .userView .userBlock { padding-bottom: 35px; border-bottom: 1px dotted #dcdcdc;} .userView .userBlock .thumb { max-width: 150px;} .userView .userBlock .thumb img { border-radius: 100%} .userView .ItemTags a { margin: 0 7px;} /*Blog Masonry */ .masonryBlog {} .masonryBlog .masonryList article.masonryItem{ margin-bottom: 30px;} .masonryBlog .masonryList article.masonryItem .masonryItemBody { border: 1px solid #dcdcdc; border-top: none; padding: 15px;} .masonryBlog .masonryList article.masonryItem .avSoundCloudSong { height: 168px; background-color: #f0f0f0;} /*Login Page*/ .login-page #mainsite{background: #ccd0d0 url(../images/login.jpg) no-repeat center !important; background-size: cover} /*.login-page { background-color: transparent !important;}*/ .login-page .banner-default{ background: transparent; height: 150px;} .login-page #content { padding: 60px 0 80px;} .login-page #content .login{ width:370px; margin: 0 auto; color: #fff; padding-bottom: 30px;} .login-page #content .login .page-header { text-align: center; border: none;} .login-page #content .login .page-header h1{ text-transform: uppercase;} .login-page #content .login .form-group { margin-bottom: 25px;} .login-page #content .login .form-group label { text-transform: uppercase; font-weight: normal;} .login-page #content .login .form-group > div > input { border: none; height: 40px; border-radius: 3px;} .login-page #content .login .form-group .btn { border-radius: 3px; padding-right: 20px; text-transform: uppercase;} .login-page #content .login .form-group .checkbox { margin: 5px 0;} .login-page #content .login .list-unstyled { border: 1px solid rgba(255,255,255,0.6); padding:15px; border-radius: 3px;} .login-page #content .login .list-unstyled a { color: #fff; line-height: 22px; font-weight: 100;} /*registration page*/ .registration .panel-body .form-group:first-child .col-md-9 { display: none;} .registration .panel-body .form-group:first-child .col-md-3, .remind .panel-body p, .reset .panel-body p{ float: right; font-size: 90%; font-style: italic; color: #999} /*Search page*/ #searchForm select { width: auto} .search-results .result-title { margin-top: 25px;} .result-created { font-style: italic; color: #999;} /*article*/ .article-aside { color: #999; font-size: 12px;} .article-info dd {display: inline-block;margin-left: 0;margin-right: 15px;white-space: nowrap;} .item-image { margin-bottom: 20px;} .img_caption .img_caption { margin-bottom: 0; background-color: #f8f8f8; font-size: 12px; padding: 2px 10px;} .category-desc .thumbnail { margin-right: 15px;} .pull-right.article-index {border-radius: 4px;border: 1px solid #dcdcdc;padding: 10px 15px;} .pull-right.article-index ul {border: none;} .pull-right.article-index li a, .pull-right.article-index li a:hover{border-radius: 4px;border: none;padding: 8px 20px;margin: 4px 0;} .pull-right.article-index li.active a { color: #fff;} .pagenavcounter {font-weight: bold;margin-bottom: 20px;} /*News Flash*/ .newsflash-wrapper .newsflash-title { margin-bottom: 5px;} .newsflash-wrapper p { margin-bottom: 10px;} .newsflash .newsflash-wrapper { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #dcdcdc;} .newsflash .newsflash-wrapper:last-child { margin-bottom: 0; border-bottom: none;} .newsflash-horiz, .newsflash-vert { list-style: none; padding: 0;} .newsflash-horiz li{ display: block; float: left; width: 25%; margin-bottom: 20px;} .newsflash-horiz li:nth-child(4n+1) { clear: both;} .newsflash-vert li { margin-bottom: 25px;} .newsflash-vert li .article-separator { height: 1px; border-bottom: 1px solid #dcdcdc; margin-top: 25px; display: block; width: 100%} .newsflash-vert li:last-child .article-separator { margin-top: 0; border-bottom: none;} /*contact*/ .contact .panel-group .panel { border-radius: 1px;} .contact .panel-group .panel-default>.panel-heading { background-color: #fefefe; border: none;} .contact .panel-group .panel-heading+.panel-collapse .panel-body { border-top: 3px solid transparent; } .contact .panel-group .panel-heading+.panel-collapse .panel-body .pull-right { padding-right: 0;} .contact .panel-group .thumbnail { border: none; padding: 0;} .contact .panel-group .panel-heading+.panel-collapse .panel-body dl { margin-bottom: 0;} .contact .panel-group .panel-heading+.panel-collapse .panel-body dt, .contact .panel-group .panel-heading+.panel-collapse .panel-body dd { line-height: 28px; margin-bottom:10px; min-height: 28px;} .contact .panel-group .panel-heading+.panel-collapse .panel-body dt { width: 30px;} .contact .panel-group .panel-heading+.panel-collapse .panel-body dd { margin-left: 45px; } .contact .panel-group .panel-heading+.panel-collapse .panel-body dt span {display: inline-block; width: 28px; height: 28px; text-align: center; color: #fff; background-color: #666;} .contact .panel-group .panel-heading+.panel-collapse .panel-body address { margin-bottom: 0; line-height: 28px;} .contact .contact-form form > p {font-size: 85%; font-style: italic; color: #999; text-align: right;} /*archive*/ .archive .filters select{ width: auto;} /*Blog*/ .blog h2, .blog-featured h2 { font-size: 18px; margin-bottom: 5px; margin-top: 0;} .blog h2 a, .blog-featured h2 a { color: #444;} .blog dl, .blog-featured dl { margin-bottom: 15px;} .blog .item, .blog-featured .item { margin-bottom: 35px;} .blog .items-leading, .blog-featured .items-leading { margin-bottom: 35px;} .blog .items-more, .blog-featured .items-more { padding: 30px 0; border: 1px solid #eee; border-width: 2px 0 1px;} .blog .items-more li, .blog-featured .items-more li {display: block;} .blog .items-more li a, .blog-featured .items-more li a { display: inline-block; line-height: 26px;} /*category-list*/ .category-list .display-limit { margin-bottom: 30px; text-align: right;} .category-list .display-limit select { width:auto;} .category.table th { font-weight: 400;} article.item-page .tags { padding-top: 20px; border-top: 1px solid #dfdfdf; margin-top: 30px; color: #777;} article.item-page .tags > span { display: inline-block; padding: 0 5px;} article.item-page .tags > span a{font-style: 12px;} /*Cusstom contact*/ .contactInfo .jv-service .service-title{ display: none;} .contactInfo .jv-service .service-wrap { border: 1px solid #ddd; border-radius: 2px; padding-bottom: 20px;} .contactInfo .jv-service .service-list .style-1 .title { margin-bottom: 5px;} .contactInfo .jv-service .service-wrap .btn-primary{ padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;margin-bottom: 6px;} .contactInfoDetail i{ float: left; width: 32px; height: 32px; display: block; background: #333; color: #fff; text-align: center; line-height: 32px; font-size: 18px; border-radius: 100%;} .contactInfoDetail i + span, .contactInfoDetail i + a { display: block; padding-left: 42px; padding-top: 7px;} .hostingContact { position: relative; overflow: hidden;} .hostingContact .shadow {box-shadow: 0 0 10px rgba(0,0,0,0.3);height: 1px;position: relative;z-index: 1;} .hostingContact [class*="col-"]{ position:absolute; top: 0; bottom: 0; background: #fff; z-index: 1; max-width: 390px;box-shadow: 0 5px 15px rgba(0,0,0,0.2);} .hostingContact .innerform { padding: 0 10px;} .hostingContact .innerform .titleform { margin-bottom: 15px;} .hostingContact .innerform .inputbox { border-radius: 0;} .hostingContact .field-message { min-height: 155px;} /*User */ #editor-xtd-buttons .btn, .toggle-editor .btn { margin-top: 10px;} #jform_params_helpsite{ width: 50%; float: left; margin-right: 5px;} .editor .btn:not(.btn-success), .modal_jform_contenthistory { border: 1px solid #ddd; background-color: #fff;} .editor .btn:not(.btn-success):hover, .modal_jform_contenthistory:hover { background-color: #f8f8f8;} #jform_publish_up, #jform_publish_down { width: auto; max-width: 100%; float: left; margin-right: 5px;} .icon-calendar:before { content: "\f133"} /*error 404*/ .error404 #mainsite{ background: #fff url(../images/404bg.png);} .error404 .banner-default { position: relative; height: 195px;} .error404 .banner-default:before { content: ""; position: absolute; display: block; bottom: -20px; height: 32px; width: 100%; left: 0; background: transparent url(../images/404top.png) repeat-x top;} .error404 #block-bottomb { position: relative;} .error404 #block-bottomb:before { content: ""; position: absolute; display: block; top: -15px; height: 27px; width: 100%; left: 0; background: transparent url(../images/404bottom.png) repeat-x top;} .error404 #block-main { padding: 100px 0; display: block;} /*Business Home Page*/ .bgImage [class^="col-"] { position: static;} .bgImage .jvcustom { color: #fff;} .jv-partners:before {content: '';position: absolute;display: block;height: 200px;margin-top: -45px;left: 0px;right: 0px;background-color: #f8f8f8;} /*========== Footer ===========*/ #block-bottomb { background: #263646 url("../images/bgBottomB.png"); color: #c6c6c6; padding: 30px 0 30px 0; font-size: 13px; text-align: center;} #block-bottomb .title-module { margin-top: 0; font-size:16px; font-weight: 300; color: #fff; margin-bottom: 23px; } #block-bottomb ul li { line-height: 22px;} #block-bottomb ul li a { font-size: 13px; color: #c6c6c6; font-weight: 100; line-height: 22px;} #block-bottomb ul li a:hover { color: #fff;} #block-bottomb ul li .fa { display: inline-block; width: 16px; margin-right: 5px;} /*acymailing Module*/ .acymailing_module .input-group{margin-bottom:10px!important;width:100%;position:relative} .acymailing_module .input-group .fa{width:18px;height:18px;line-height:18px;text-align:center;position:absolute;top:50%;margin-top:-9px;left:6px;z-index:999;color:#888} .acymailing_module .input-group:first-child{margin-bottom:0!important} .acymailing_module .input-group .controls + .input-group-btn .btn{border-radius:4px;font-size:12px;border:none} .acymailing_module .input-group input[type="text"],.acymailing_module .input-group input[type="email"]{padding-left:30px} .acymailing_module .input-group label{font-weight:400} .acymailing_module a.acymailing_togglemodule{font-size:13px} .acymailing_module a.acymailing_togglemodule.modal{position:static!important;overflow-y:auto} #block-bottomb .acymailing_module .input-group input[type="text"], #block-bottomb .acymailing_module .input-group input[type="email"], #block-bottomb .acymailing_module .input-group input[type="number"], #block-bottomb .acymailing_module .input-group select{border:none;font-size:12px} #block-bottomb .acymailing_module .input-group input[type="radio"]{font-size:12px} #block-footer { background-color: #09131d; border-top: 1px solid #3a4957; padding: 15px 0; font-size: 12px;} #block-footer .copyright { color: #bebebe;min-height: 25px; padding-left: 50px; background: transparent url(../images/logo-footer.png) no-repeat left top} #block-footer a { color: #fff;} #block-footer a:hover { color: #bebebe} #block-footer .menu { margin: 9px 9px 0} #block-footer .menu li { display: inline-block; padding-left: 10px; margin-left: 10px; position: relative; } #block-footer .menu li:before {content: ""; position: absolute; width: 1px; height: 12px; background-color: #fff; top: 50%; margin-top: -6px; left: 0;} #block-footer .menu li:first-child { padding-left: 0; margin-left: 0;} #block-footer .menu li:first-child::before {display: none;} #block-footer .menu li a { text-transform: uppercase; font-weight: 100;} .position-socialpublic { padding-top: 3px;} .position-socialpublic p { margin: 0} .position-socialpublic a { margin: 0 2px; font-size: 16px; display: inline-block; border: 1px solid #ffffff; width: 30px; height: 30px; line-height: 28px; text-align: center; position: relative;} .position-socialpublic a:hover { background-color:#ffffff;} .position-socialpublic a:after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 0; height: 0; border: none; border-top: 28px solid rgba(255,255,255,0.07); border-right: 28px solid transparent;} /*fontawesome*/ .row.fontawesome-icon-list > div {display: block;padding-top: 3px; padding-bottom: 3px;margin: 4px 0;color: #666;font-weight: 100;} .row.fontawesome-icon-list i{display: inline-block;color: #666;width: 24px;color:#444;} /*Back to top -------------*/ .back-to-top {display: none;position: fixed;bottom: 10px;right: 10px;width: 46px;height: 46px;font-size: 24px;color: rgb(136, 136, 136);text-align: center;line-height: 42px;border-radius: 5px;border: 1px solid rgba(0, 0, 0, 0.2);background-color: rgba(255,255,255,0.09);z-index: 1002;} /*Offline Page*/ .offline-page{background:#ccd0d0 url(../images/login.jpg) no-repeat center!important;background-size:cover} .offline-page .container{margin-top:80px} .offline-page .container .offline-image{margin-bottom:40px} .offline-page .container .offline-container{background:rgba(255,255,255,0.85);max-width:600px;margin:0 auto; border-radius: 5px; overflow: hidden;} .offline-page .container .offline-container .offline-head{padding:30px;background:#1abc9c;color:#fff} .offline-page .container .offline-container .offline-head h1{margin:0} .offline-page .container .offline-container .offline-body{padding:30px} .offline-page .container .offline-container .offline-body .offline-message{margin-bottom:25px;font-weight:400;font-style:italic} .offline-page .container .offline-container .offline-body .alert { border-radius: 0;} .offline-page .container .offline-container .offline-body .alert p{ margin-bottom: 0;} .offline-page .container .offline-container .offline-body .form-control{border-radius:0;box-shadow:none} /*Demo Template-----------------------------------------------------------*/ .hPosition {padding: 20px;background: rgba(240, 240, 240, 0.4);border: 1px solid #eee;border-radius: 5px;} .hPosition .row { margin-bottom: 35px;} #switcher {margin-left: 0;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;background: rgba(0, 0, 0, 0.7);top: 160px;position: absolute;width: 292px;margin: 0;padding: 24px 0 10px;list-style: none;z-index: 1040;left: -292px;} #switcher .selectbox .selectify, #switcher .selectbox .selectify .header-f, #switcher .selectbox .selectify .options, #switcher .selectbox .selectify .option {min-width: 100px;border: none !important;max-width: 100%;} #switcher .themecolor {padding: 0 30px 15px;border-bottom: 2px solid rgba(255, 255, 255, 0.12);color: #f2f2f2;margin: 0 0 20px;position: relative;font-weight: 300;} #switcher .themecolor:before {display: block;content: "Color theme";font-size: 18px !important;line-height: normal;margin-bottom: 10px;text-transform: uppercase;} #switcher .themecolor a {float: none;height: 28px;width: 28px;overflow: hidden;display: inline-block;margin: 2px;border: 3px solid rgba(255, 255, 255, 0.6);} #switcher .show-switcher-icon {position: absolute;left: 100%;height: 42px;width: 42px;line-height: 42px;text-align: center;background: rgba(0, 0, 0, 0.7);font-size: 17px;border-radius: 0 5px 5px 0;} #switcher.show-switcher .show-switcher-icon .fa:before { content: "\f00d";} #switcher.show-switcher {left: 0;} #switcher .switcher{list-style:none;margin:0;padding:0} #switcher .switcher .switcher-box{border-bottom:2px solid rgba(255,255,255,0.12);color:#f2f2f2;margin:0 0 18px;padding:0 30px 15px;position:relative;text-align:left} #switcher .switcher .switcher-box h5{font-size:18px!important;line-height:normal;margin-bottom:10px;text-transform:uppercase;font-weight:300} #switcher .switcher .switcher-box:last-child{border-bottom:none;margin:0} #switcher .switcher .switcher-box ul{margin:0;padding:0;list-style:none} #switcher .switcher .switcher-box select{border:none;border-radius:0} #switcher .switcher .switcher-box #demo-list-box{position:relative;padding:0;list-style-type:none;margin:25px 0 10px} #switcher .switcher .switcher-box #demo-list-box:before{content:"";position:absolute;top:0;height:4px;background-color:rgba(255,255,255,0.3);left:32px;right:32px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box} #switcher .switcher .switcher-box #demo-list-box:after{content:"";display:block;clear:both} #switcher .switcher .switcher-box #demo-list-box li{display:block;float:left;width:25%;text-align:center} #switcher .switcher .switcher-box #demo-list-box li a{display:block;position:relative;line-height:20px;font-size:.9em;color:#fff;padding-top:20px} #switcher .switcher .switcher-box #demo-list-box li a:before{content:"";position:absolute;width:12px;height:12px;top:-4px;left:50%;margin-left:-6px;background:#fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 0 0 4px rgba(255,255,255,0.2);-moz-box-shadow:0 0 0 4px rgba(255,255,255,0.2);box-shadow:0 0 0 4px rgba(255,255,255,0.2)} #switcher .switcher .switcher-box #demo-list-box li a.active:before{background-color:#ffda00;-webkit-box-shadow:0 0 0 4px rgba(255,218,0,0.2);-moz-box-shadow:0 0 0 4px rgba(255,218,0,0.2);box-shadow:0 0 0 4px rgba(255,218,0,0.2)} #switcher .switcher .switcher-box .minicolors{display:block} #switcher .switcher .switcher-box .minicolors input{height:32px;width:100%;border:none;background-color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box} #switcher .switcher .switcher-box .minicolors .minicolors-panel{height:163px!important;width:185px!important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:none;background-color:transparent} #switcher .switcher .switcher-box .minicolors .minicolors-swatch{top:6px;left:6px} #switcher .switcher .switcher-box .minicolors .minicolors-input{color:#444} #switcher .switcher .switcher-box #demo-list-bg li{display:inline-block;margin:0 1px} #switcher .switcher .switcher-box #demo-list-bg li a{border:1px solid rgba(255,255,255,0.5);height:28px;width:28px;display:block} #switcher .switcher .switcher-box #demo-list-bg li a:hover,#switcher .switcher .switcher-box #demo-list-bg li a.active{border-color:#ffda00} .font-header,.font-body{margin:8px 0 2px;font-weight:100} .font-note{margin:8px 0 0;font-size:10px} .body-bg-1{background:url(../images/background/body-bg-1.png) center center} .body-bg-2{background:url(../images/background/body-bg-2.png) center center} .body-bg-3{background:url(../images/background/body-bg-3.png) center center} .body-bg-4{background:url(../images/background/body-bg-4.png) center center} .body-bg-5{background:url(../images/background/body-bg-5.png) center center} .body-bg-6{background:url(../images/background/body-bg-6.png) center center} .body-bg-7{background:url(../images/background/body-bg-7.png) center center} .body-bg-8{background:url(../images/background/body-bg-8.png) center center} .body-bg-9{background:url(../images/background/body-bg-9.png) center center} .body-bg-10{background:url(../images/background/body-bg-10.png) center center} .body-bg-11{background:url(../images/background/body-bg-11.png) center center} .body-bg-12{background:url(../images/background/body-bg-12.png) center center} .body-bg-13{background:url(../images/background/body-bg-13.png) center center} .body-bg-14{background:url(../images/background/body-bg-14.png) center center} .body-bg-15{background:url(../images/background/body-bg-15.png) center center} .body-bg-16{background:url(../images/background/body-bg-16.png) center center} .body-bg-17{background:url(../images/background/body-bg-17.png) center center} .body-bg-18{background:url(../images/background/body-bg-18.png) center center} .body-bg-19{background:url(../images/background/body-bg-19.png) center center} .body-bg-20{background:url(../images/background/body-bg-20.png) center center} .body-bg-21{background:url(../images/background/body-bg-21.png) center center} .body-bg-22{background:url(../images/background/body-bg-22.png) center center} .body-bg-23{background:url(../images/background/body-bg-23.png) center center} .body-bg-24{background:url(../images/background/body-bg-24.png) center center} .body-bg-25{background:url(../images/background/body-bg-25.png) center center} .body-bg-26{background:url(../images/background/body-bg-26.png) center center} .body-bg-27{background:url(../images/background/body-bg-27.png) center center} .body-bg-28{background:url(../images/background/body-bg-28.png) center center} .body-bg-29{background:url(../images/background/body-bg-29.png) center center} #mainsite{position:relative;background:#fff} .body-wide #mainsite{margin:0 auto;width:100%} .body-wide #mainsite #block-header .block-header{margin-top:-1px} .body-wide #mainsite #block-header.scroll-to-fixed-fixed .block-header{margin-top:0} .body-boxed #mainsite{background:#FFF;box-shadow:0 0 20px 0 rgba(0,0,0,0.3);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.3);margin:0 auto;max-width:1200px!important} .body-framed #mainsite{background:#FFF;box-shadow:0 0 20px 0 rgba(0,0,0,0.3);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.3);margin:20px auto;max-width:1200px;width:100%} .body-rounded #mainsite{background:#FFF;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,0.3);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.3);margin:20px auto;max-width:1200px;overflow:hidden} body[demofont-body="f1"]{font-family:'karatregular'!important} body[demofont-body="f2"]{font-family:'karatregular'!important} body[demofont-body="f3"]{font-family:'karatregular',sans-serif!important} body[demofont-body="f4"]{font-family:'karatregular',sans-serif!important} body[demofont-body="f5"]{font-family:'karatregular',sans-serif!important} body[demofont-body="f6"]{font-family:'karatregular',sans-serif!important} body[demofont-body="f7"]{font-family:'karatregular',serif!important} body[demofont-menu="f1"] #block-mainnav .fxmenu li.level1 > .level1{font-family:'karatregular'!important} body[demofont-menu="f2"] #block-mainnav .fxmenu li.level1 > .level1{font-family:'karatregular'!important} body[demofont-menu="f3"] #block-mainnav .fxmenu li.level1 > .level1{font-family:'karatregular',sans-serif!important} body[demofont-menu="f4"] #block-mainnav .fxmenu li.level1 > .level1{font-family:'karatregular',sans-serif!important} body[demofont-menu="f5"] #block-mainnav .fxmenu li.level1 > .level1{font-family:'karatregular',sans-serif!important} body[demofont-menu="f6"] #block-mainnav .fxmenu li.level1 > .level1{font-family:'karatregular',sans-serif!important} body[demofont-menu="f7"] #block-mainnav .fxmenu li.level1 > .level1{font-family:'karatregular',serif!important} body[demofont-header="f1"] h1, body[demofont-header="f1"] h2, body[demofont-header="f1"] h3, body[demofont-header="f1"] h4, body[demofont-header="f1"] h5, body[demofont-header="f1"] h6, body[demofont-header="f1"] .nav-tabs > li > a, body[demofont-header="f1"] div#k2Frontend table.k2FrontendToolbar td.button, body[demofont-header="f1"] .k2AdminTableFiltersSearch #k2SubmitButton, body[demofont-header="f1"] .k2AdminTableFiltersSearch #k2ResetButton, body[demofont-header="f1"] .table .pagination .list-footer .pagination .page-number .pagination-list span, body[demofont-header="f1"] ul#menu, body[demofont-header="f1"] input[type="submit"][name="choose_options"], body[demofont-header="f1"] .revievs, body[demofont-header="f1"] .blog .blog-item .post-meta .date h2 span, body[demofont-header="f1"] .blog-item a.more, body[demofont-header="f1"] .blog-item-description .post-date, body[demofont-header="f1"] .blog-item-quote .post-date, body[demofont-header="f1"] .blog-item-quote .autor, body[demofont-header="f1"] .page-404, body[demofont-header="f1"] #switcher .themecolor:before, body[demofont-header="f1"] label, body[demofont-header="f1"] .avatar li .name, body[demofont-header="f1"] .cols_list_1 .item:before, body[demofont-header="f1"] .text-field h3 span, body[demofont-header="f1"] .tagView .ItemReadMore a, body[demofont-header="f1"] .userView .ItemReadMore a, body[demofont-header="f1"] div#k2Frontend table.k2FrontendToolbar td.button, body[demofont-header="f1"] .k2AdminTableFiltersSearch #k2SubmitButton, body[demofont-header="f1"] .k2AdminTableFiltersSearch #k2ResetButton, body[demofont-header="f1"] #k2FrontendContainer .adminlist .commentToolbar a, body[demofont-header="f1"] .ubUserName, body[demofont-header="f1"] .k2UserBlock .ubName, body[demofont-header="f1"] .abAuthorName, body[demofont-header="f1"] .k2TopCommentersBlock ul li .tcLink, body[demofont-header="f1"] .blog .readmore a, body[demofont-header="f1"] .detail-article .pager li > a, body[demofont-header="f1"] .detail-article .pager li > span, body[demofont-header="f1"] .table .pagination .list-footer .pagination .page-number .pagination-list a, body[demofont-header="f1"] .modal_jform_contenthistory, body[demofont-header="f1"] #editor-xtd-buttons .btn, body[demofont-header="f1"] .edit.item-page .control-group .btn, body[demofont-header="f1"] .table .pagination .list-footer .pagination .page-number .pagination-list span, body[demofont-header="f1"] .category-list .btn-primary, body[demofont-header="f1"] .table th, body[demofont-header="f1"] .ui-datepicker th { font-family: 'karatregular' !important; } body[demofont-header="f2"] h1, body[demofont-header="f2"] h2, body[demofont-header="f2"] h3, body[demofont-header="f2"] h4, body[demofont-header="f2"] h5, body[demofont-header="f2"] h6, body[demofont-header="f2"] .nav-tabs > li > a, body[demofont-header="f2"] div#k2Frontend table.k2FrontendToolbar td.button, body[demofont-header="f2"] .k2AdminTableFiltersSearch #k2SubmitButton, body[demofont-header="f2"] .k2AdminTableFiltersSearch #k2ResetButton, body[demofont-header="f2"] .table .pagination .list-footer .pagination .page-number .pagination-list span, body[demofont-header="f2"] ul#menu, body[demofont-header="f2"] input[type="submit"][name="choose_options"], body[demofont-header="f2"] .revievs, body[demofont-header="f2"] .blog .blog-item .post-meta .date h2 span, body[demofont-header="f2"] .blog-item a.more, body[demofont-header="f2"] .blog-item-description .post-date, body[demofont-header="f2"] .blog-item-quote .post-date, body[demofont-header="f2"] .blog-item-quote .autor, body[demofont-header="f2"] .page-404, body[demofont-header="f2"] #switcher .themecolor:before, body[demofont-header="f2"] label, body[demofont-header="f2"] .avatar li .name, body[demofont-header="f2"] .cols_list_1 .item:before, body[demofont-header="f2"] .text-field h3 span, body[demofont-header="f2"] .tagView .ItemReadMore a, body[demofont-header="f2"] .userView .ItemReadMore a, body[demofont-header="f2"] div#k2Frontend table.k2FrontendToolbar td.button, body[demofont-header="f2"] .k2AdminTableFiltersSearch #k2SubmitButton, body[demofont-header="f2"] .k2AdminTableFiltersSearch #k2ResetButton, body[demofont-header="f2"] #k2FrontendContainer .adminlist .commentToolbar a, body[demofont-header="f2"] .ubUserName, body[demofont-header="f2"] .k2UserBlock .ubName, body[demofont-header="f2"] .abAuthorName, body[demofont-header="f2"] .k2TopCommentersBlock ul li .tcLink, body[demofont-header="f2"] .blog .readmore a, body[demofont-header="f2"] .detail-article .pager li > a, body[demofont-header="f2"] .detail-article .pager li > span, body[demofont-header="f2"] .table .pagination .list-footer .pagination .page-number .pagination-list a, body[demofont-header="f2"] .modal_jform_contenthistory, body[demofont-header="f2"] #editor-xtd-buttons .btn, body[demofont-header="f2"] .edit.item-page .control-group .btn, body[demofont-header="f2"] .table .pagination .list-footer .pagination .page-number .pagination-list span, body[demofont-header="f2"] .category-list .btn-primary, body[demofont-header="f2"] .table th, body[demofont-header="f2"] .ui-datepicker th { font-family: 'karatregular' !important; } body[demofont-header="f3"] h1, body[demofont-header="f3"] h2, body[demofont-header="f3"] h3, body[demofont-header="f3"] h4, body[demofont-header="f3"] h5, body[demofont-header="f3"] h6, body[demofont-header="f3"] .nav-tabs > li > a, body[demofont-header="f3"] div#k2Frontend table.k2FrontendToolbar td.button, body[demofont-header="f3"] .k2AdminTableFiltersSearch #k2SubmitButton, body[demofont-header="f3"] .k2AdminTableFiltersSearch #k2ResetButton, body[demofont-header="f3"] .table .pagination .list-footer .pagination .page-number .pagination-list span, body[demofont-header="f3"] ul#menu, body[demofont-header="f3"] input[type="submit"][name="choose_options"], body[demofont-header="f3"] .revievs, body[demofont-header="f3"] .blog .blog-item .post-meta .date h2 span, body[demofont-header="f3"] .blog-item a.more, body[demofont-header="f3"] .blog-item-description .post-date, body[demofont-header="f3"] .blog-item-quote .post-date, body[demofont-header="f3"] .blog-item-quote .autor, body[demofont-header="f3"] .page-404, body[demofont-header="f3"] #switcher .themecolor:before, body[demofont-header="f3"] label, body[demofont-header="f3"] .avatar li .name, body[demofont-header="f3"] .cols_list_1 .item:before, body[demofont-header="f3"] .text-field h3 span, body[demofont-header="f3"] .tagView .ItemReadMore a, body[demofont-header="f3"] .userView .ItemReadMore a, body[demofont-header="f3"] div#k2Frontend table.k2FrontendToolbar td.button, body[demofont-header="f3"] .k2AdminTableFiltersSearch #k2SubmitButton, body[demofont-header="f3"] .k2AdminTableFiltersSearch #k2ResetButton, body[demofont-header="f3"] #k2FrontendContainer .adminlist .commentToolbar a, body[demofont-header="f3"] .ubUserName, body[demofont-header="f3"] .k2UserBlock .ubName, body[demofont-header="f3"] .abAuthorName, body[demofont-header="f3"] .k2TopCommentersBlock ul li .tcLink, body[demofont-header="f3"] .blog .readmore a, body[demofont-header="f3"] .detail-article .pager li > a, body[demofont-header="f3"] .detail-article .pager li > span, body[demofont-header="f3"] .table .pagination .list-footer .pagination .page-number .pagination-list a, body[demofont-header="f3"] .modal_jform_contenthistory, body[demofont-header="f3"] #editor-xtd-buttons .btn, body[demofont-header="f3"] .edit.item-page .control-group .btn, body[demofont-header="f3"] .table .pagination .list-footer .pagination .page-number .pagination-list span, body[demofont-header="f3"] .category-list .btn-primary, body[demofont-header="f3"] .table th, body[demofont-header="f3"] .ui-datepicker th{ font-family: 'karatregular', sans-serif !important; } body[demofont-header="f4"] h1, body[demofont-header="f4"] h2, body[demofont-header="f4"] h3, body[demofont-header="f4"] h4, body[demofont-header="f4"] h5, body[demofont-header="f4"] h6, body[demofont-header="f4"] .nav-tabs > li > a, body[demofont-header="f4"] div#k2Frontend table.k2FrontendToolbar td.button, body[demofont-header="f4"] .k2AdminTableFiltersSearch #k2SubmitButton, body[demofont-header="f4"] .k2AdminTableFiltersSearch #k2ResetButton, body[demofont-header="f4"] .table .pagination .list-footer .pagination .page-number .pagination-list span, body[demofont-header="f4"] ul#menu, body[demofont-header="f4"] input[type="submit"][name="choose_options"], body[demofont-header="f4"] .revievs, body[demofont-header="f4"] .blog .blog-item .post-meta .date h2 span, body[demofont-header="f4"] .blog-item a.more, body[demofont-header="f4"] .blog-item-description .post-date, body[demofont-header="f4"] .blog-item-quote .post-date, body[demofont-header="f4"] .blog-item-quote .autor, body[demofont-header="f4"] .page-404, body[demofont-header="f4"] #switcher .themecolor:before, body[demofont-header="f4"] label, body[demofont-header="f4"] .avatar li .name, body[demofont-header="f4"] .cols_list_1 .item:before, body[demofont-header="f4"] .text-field h3 span, body[demofont-header="f4"] .tagView .ItemReadMore a, body[demofont-header="f4"] .userView .ItemReadMore a, body[demofont-header="f4"] div#k2Frontend table.k2FrontendToolbar td.button, body[demofont-header="f4"] .k2AdminTableFiltersSearch #k2SubmitButton, body[demofont-header="f4"] .k2AdminTableFiltersSearch #k2ResetButton, body[demofont-header="f4"] #k2FrontendContainer .adminlist .commentToolbar a, body[demofont-header="f4"] .ubUserName, body[demofont-header="f4"] .k2UserBlock .ubName, body[demofont-header="f4"] .abAuthorName, body[demofont-header="f4"] .k2TopCommentersBlock ul li .tcLink, body[demofont-header="f4"] .blog .readmore a, body[demofont-header="f4"] .detail-article .pager li > a, body[demofont-header="f4"] .detail-article .pager li > span, body[demofont-header="f4"] .table .pagination .list-footer .pagination .page-number .pagination-list a, body[demofont-header="f4"] .modal_jform_contenthistory, body[demofont-header="f4"] #editor-xtd-buttons .btn, body[demofont-header="f4"] .edit.item-page .control-group .btn, body[demofont-header="f4"] .table .pagination .list-footer .pagination .page-number .pagination-list span, body[demofont-header="f4"] .category-list .btn-primary, body[demofont-header="f4"] .table th, body[demofont-header="f4"] .ui-datepicker th{ font-family: 'karatregular', sans-serif !important; } body[demofont-header="f5"] h1, body[demofont-header="f5"] h2, body[demofont-header="f5"] h3, body[demofont-header="f5"] h4, body[demofont-header="f5"] h5, body[demofont-header="f5"] h6, body[demofont-header="f5"] .nav-tabs > li > a, body[demofont-header="f5"] div#k2Frontend table.k2FrontendToolbar td.button, body[demofont-header="f5"] .k2AdminTableFiltersSearch #k2SubmitButton, body[demofont-header="f5"] .k2AdminTableFiltersSearch #k2ResetButton, body[demofont-header="f5"] .table .pagination .list-footer .pagination .page-number .pagination-list span, body[demofont-header="f5"] ul#menu, body[demofont-header="f5"] input[type="submit"][name="choose_options"], body[demofont-header="f5"] .revievs, body[demofont-header="f5"] .blog .blog-item .post-meta .date h2 span, body[demofont-header="f5"] .blog-item a.more, body[demofont-header="f5"] .blog-item-description .post-date, body[demofont-header="f5"] .blog-item-quote .post-date, body[demofont-header="f5"] .blog-item-quote .autor, body[demofont-header="f5"] .page-404, body[demofont-header="f5"] #switcher .themecolor:before, body[demofont-header="f5"] label, body[demofont-header="f5"] .avatar li .name, body[demofont-header="f5"] .cols_list_1 .item:before, body[demofont-header="f5"] .text-field h3 span, body[demofont-header="f5"] .tagView .ItemReadMore a, body[demofont-header="f5"] .userView .ItemReadMore a, body[demofont-header="f5"] div#k2Frontend table.k2FrontendToolbar td.button, body[demofont-header="f5"] .k2AdminTableFiltersSearch #k2SubmitButton, body[demofont-header="f5"] .k2AdminTableFiltersSearch #k2ResetButton, body[demofont-header="f5"] #k2FrontendContainer .adminlist .commentToolbar a, body[demofont-header="f5"] .ubUserName, body[demofont-header="f5"] .k2UserBlock .ubName, body[demofont-header="f5"] .abAuthorName, body[demofont-header="f5"] .k2TopCommentersBlock ul li .tcLink, body[demofont-header="f5"] .blog .readmore a, body[demofont-header="f5"] .detail-article .pager li > a, body[demofont-header="f5"] .detail-article .pager li > span, body[demofont-header="f5"] .table .pagination .list-footer .pagination .page-number .pagination-list a, body[demofont-header="f5"] .modal_jform_contenthistory, body[demofont-header="f5"] #editor-xtd-buttons .btn, body[demofont-header="f5"] .edit.item-page .control-group .btn, body[demofont-header="f5"] .table .pagination .list-footer .pagination .page-number .pagination-list span, body[demofont-header="f5"] .category-list .btn-primary, body[demofont-header="f5"] .table th, body[demofont-header="f5"] .ui-datepicker th{ font-family: 'karatregular', sans-serif !important; } body[demofont-header="f6"] h1, body[demofont-header="f6"] h2, body[demofont-header="f6"] h3, body[demofont-header="f6"] h4, body[demofont-header="f6"] h5, body[demofont-header="f6"] h6, body[demofont-header="f6"] .nav-tabs > li > a, body[demofont-header="f6"] div#k2Frontend table.k2FrontendToolbar td.button, body[demofont-header="f6"] .k2AdminTableFiltersSearch #k2SubmitButton, body[demofont-header="f6"] .k2AdminTableFiltersSearch #k2ResetButton, body[demofont-header="f6"] .table .pagination .list-footer .pagination .page-number .pagination-list span, body[demofont-header="f6"] ul#menu, body[demofont-header="f6"] input[type="submit"][name="choose_options"], body[demofont-header="f6"] .revievs, body[demofont-header="f6"] .blog .blog-item .post-meta .date h2 span, body[demofont-header="f6"] .blog-item a.more, body[demofont-header="f6"] .blog-item-description .post-date, body[demofont-header="f6"] .blog-item-quote .post-date, body[demofont-header="f6"] .blog-item-quote .autor, body[demofont-header="f6"] .page-404, body[demofont-header="f6"] #switcher .themecolor:before, body[demofont-header="f6"] label, body[demofont-header="f6"] .avatar li .name, body[demofont-header="f6"] .cols_list_1 .item:before, body[demofont-header="f6"] .text-field h3 span, body[demofont-header="f6"] .tagView .ItemReadMore a, body[demofont-header="f6"] .userView .ItemReadMore a, body[demofont-header="f6"] div#k2Frontend table.k2FrontendToolbar td.button, body[demofont-header="f6"] .k2AdminTableFiltersSearch #k2SubmitButton, body[demofont-header="f6"] .k2AdminTableFiltersSearch #k2ResetButton, body[demofont-header="f6"] #k2FrontendContainer .adminlist .commentToolbar a, body[demofont-header="f6"] .ubUserName, body[demofont-header="f6"] .k2UserBlock .ubName, body[demofont-header="f6"] .abAuthorName, body[demofont-header="f6"] .k2TopCommentersBlock ul li .tcLink, body[demofont-header="f6"] .blog .readmore a, body[demofont-header="f6"] .detail-article .pager li > a, body[demofont-header="f6"] .detail-article .pager li > span, body[demofont-header="f6"] .table .pagination .list-footer .pagination .page-number .pagination-list a, body[demofont-header="f6"] .modal_jform_contenthistory, body[demofont-header="f6"] #editor-xtd-buttons .btn, body[demofont-header="f6"] .edit.item-page .control-group .btn, body[demofont-header="f6"] .table .pagination .list-footer .pagination .page-number .pagination-list span, body[demofont-header="f6"] .category-list .btn-primary, body[demofont-header="f6"] .table th, body[demofont-header="f6"] .ui-datepicker th { font-family: 'karatregular', sans-serif !important; } body[demofont-header="f7"] h1, body[demofont-header="f7"] h2, body[demofont-header="f7"] h3, body[demofont-header="f7"] h4, body[demofont-header="f7"] h5, body[demofont-header="f7"] h6, body[demofont-header="f7"] .nav-tabs > li > a, body[demofont-header="f7"] div#k2Frontend table.k2FrontendToolbar td.button, body[demofont-header="f7"] .k2AdminTableFiltersSearch #k2SubmitButton, body[demofont-header="f7"] .k2AdminTableFiltersSearch #k2ResetButton, body[demofont-header="f7"] .table .pagination .list-footer .pagination .page-number .pagination-list span, body[demofont-header="f7"] ul#menu, body[demofont-header="f7"] input[type="submit"][name="choose_options"], body[demofont-header="f7"] .revievs, body[demofont-header="f7"] .blog .blog-item .post-meta .date h2 span, body[demofont-header="f7"] .blog-item a.more, body[demofont-header="f7"] .blog-item-description .post-date, body[demofont-header="f7"] .blog-item-quote .post-date, body[demofont-header="f7"] .blog-item-quote .autor, body[demofont-header="f7"] .page-404, body[demofont-header="f7"] #switcher .themecolor:before, body[demofont-header="f7"] label, body[demofont-header="f7"] .avatar li .name, body[demofont-header="f7"] .cols_list_1 .item:before, body[demofont-header="f7"] .text-field h3 span, body[demofont-header="f7"] .tagView .ItemReadMore a, body[demofont-header="f7"] .userView .ItemReadMore a, body[demofont-header="f7"] div#k2Frontend table.k2FrontendToolbar td.button, body[demofont-header="f7"] .k2AdminTableFiltersSearch #k2SubmitButton, body[demofont-header="f7"] .k2AdminTableFiltersSearch #k2ResetButton, body[demofont-header="f7"] #k2FrontendContainer .adminlist .commentToolbar a, body[demofont-header="f7"] .ubUserName, body[demofont-header="f7"] .k2UserBlock .ubName, body[demofont-header="f7"] .abAuthorName, body[demofont-header="f7"] .k2TopCommentersBlock ul li .tcLink, body[demofont-header="f7"] .blog .readmore a, body[demofont-header="f7"] .detail-article .pager li > a, body[demofont-header="f7"] .detail-article .pager li > span, body[demofont-header="f7"] .table .pagination .list-footer .pagination .page-number .pagination-list a, body[demofont-header="f7"] .modal_jform_contenthistory, body[demofont-header="f7"] #editor-xtd-buttons .btn, body[demofont-header="f7"] .edit.item-page .control-group .btn, body[demofont-header="f7"] .table .pagination .list-footer .pagination .page-number .pagination-list span, body[demofont-header="f7"] .category-list .btn-primary, body[demofont-header="f7"] .table th, body[demofont-header="f7"] .ui-datepicker th { font-family: 'karatregular', serif !important; } .item-page { font-family: 'karatregular', serif !important; font-weight: 200 !important; line-height:26px; font-size:17px; color:#888 ; margin:0px !important; } .item-page p{ text-align:justify; } .contactInfoDetail { margin-top:20px; } .contactInfoDetail p{ float:left; margin-right:70px; font-size:17px; color:#888 ; } .contact-form { font-size:17px; color:#888 ; } .home-css #block-main, .home-css #block-bottomb, .home-css #block-footer{ display:none !important; } #block-bottomb a, #block-bottomb{ color:#ffffff !important; } #block-bottomb a:hover { color:#cbad4b !important; } .publicaciones .jvcolumns{ border-bottom:1px solid #dddddd; padding-bottom:30px; margin-bottom:30px; text-align:justify; } .publicaciones .jvcolumns h3 { font-size:22px; } .items-row .item-image{ width:100%; } .blog .item p, .blog .items-leading p{ text-align:center; line-height:20px; padding:0px 20px; } @media (min-width: 2px) and (max-width: 767px) { #block-header { height:70px !important;} }